专注连锁门店会员营销管理系统
线上+线下+进销存+收银+会员2018-06-25 作者:秩名
微信小程序访问html页面是通过小程序中的WebView作为网页承载容器实现的,通过配置WebView的src属性进行html页面的加载;当html返回小程序需要引用小程序类库,调用指定接口进行跳转。
目前小程序与html交互,都是通过跳转链接的参数拼接进行数据的传递的。
1、小程序跳转到html,需要配置跳转地址到指定的域名白名单内。
2、在白名单配置的域名服务器根目录下添加签名文件,文件名如:mAPifgWWWz.txt ,内容如:e1756a5045b2504b499cc1cce1d2c605
3、在页面内添加webView组件,配置地址:
index.wxml
index.js data: { urlPath:'https://visualstreet.cn/website/index.html?path=web-view&mytest=showWebView' },
当小程序调用html时,可以在WebView的src中写入html地址;
eg:https://res.wx.qq.com/index.html;
当小程序调用html希望是登录状态时,需要将登录信息以参数形式传递给html;
eg:https://res.wx.qq.com/index.html?user=111&unionId=222;
html页面window.onload将触发进行参数的获取:
window.onload = function() { console.log(document.location); console.log(window.location); document.getElementById("txtMsg").innerText=document.location.href; document.getElementById("txtDetail").innerText=window.__wxjs_environment; }
并且可以通过
window.__wxjs_environment
得到小程序的来源
webView内html页面可以跳转回指定的小程序页面,也就是html页面可以经过一系列操作,将结果参数返回给小程序即可;
使用html返回小程序需要在返回的html页面引用小程序类
<script type="text/javascript" src="https://res.wx.qq.com/open/js/jweixin-1.3.2.js"></script>
调用小程序类中的指定接口进行返回
wx.miniProgram.navigateTo( ) wx.miniProgram.navigateBack( ) wx.miniProgram.switchTab( ) wx.miniProgram.reLaunch( ) wx.miniProgram.redirectTo( ) wx.miniProgram.postMessage( ) wx.miniProgram.getEnv( )
当html 跳转回小程序时,可以通过到小程序指定router在该页面获取参数信息;
eg: wx.miniProgram.navigateTo( 'login/index?htmlvalue=12dasf&htmlvalue2=231')
线上+线下+进销存+收银+会员门店零售管理好帮手
门店能实现快速收银,提升门店经营效率。
系统自带进销存管理,更好管理库存销售。
配备收银硬件一站式整体服务。
收 银 会员管理 库存管理 商品管理 交接班 数据报表 营销促单 售后处理 多种收款
获取报价推荐文章
最新消息总结,开发一个小程序我们可以选择的第三方框架有5种,大家比较熟悉的有美团小程序框架mpvue,还有组件化框架等...
最近在调研小程序的分享能力,本篇文档主要是调研小程序关于分享方面的玩法,目的是学习小程序在项目应用以及玩法链上...
许多人在使用小程序,会有一个很麻烦的事情,就是使用过小程序之后,会不断的发送自己的定位消息,那么这个小程序的...
一款小程序,很多时候需要调用内置的照相机,实现拍照并图片上传,那么要如何实现呢?...
长沙小程序制作公司选择指南 在数字化浪潮中,小程序已成为企业拓展业务、提升用户体验的重要工具。对于长沙的企业和...
长沙小程序价格百科 在长沙,小程序开发价格因多种因素而有所不同。接下来,我们将从功能需求、开发模式、设计要求这...
长沙小程序开发制作公司全知道 在数字化浪潮中,小程序已成为企业拓展业务、提升用户体验的关键工具。长沙作为互联网...
1. 长沙小程序制作公司哪家好价格便宜 在长沙,想找价格便宜且靠谱的小程序制作公司,需先了解小程序开发模式。模板类...
长沙小程序制作开发百科 在数字化浪潮中,长沙的企业与商家纷纷将目光投向小程序制作开发,期望借此拓展业务、提升用...
长沙微信小程序定制制作公司相关介绍 在数字化浪潮中,微信小程序已成为企业拓展业务、提升用户体验的重要工具。长沙...