这种可以直接把小程序分享出去
二、详情页分享
这种情况下需要把详情页分享出去, 用户通过分享链接进入的也是详情页面,这样的话就需要在分享的路径后边拼接参数
我这边处理是先拿到分享的页面路径, 在调用小程序的onShareAppMessage时, 它会有一个返回值:
然后我这边会对拿到的这个webViewUrl进行处理, 具体的 *** 作如下:
通过分隔符将链接转换为数组,然后判断分享链接后边有没有带有参数,如果带有参数,就是分享的详情页,如果没有参数就是非详情页, 然后就可以来控制用户进入哪个页面了
1. 分享链接后没有带参数
这种情况下是没有带缺羡轮参数的, 用户点击分享链接后直接进入小程序首页
2. 分享链接后带有参数
这种情况下还要判断分享的链接地址后有没有带ID值, 如果有这个ID值的话, 就说明分享出去的是详情页面伏信, 别人通过点击分享链接的派昌时候进入的就是详情页面
如果没有这个ID的话,就说明分享出去的不是详情页,那么别人点击分享链接的时候将会进入到小程序的首页
微信小程序是一种全新的连接用户与服务的方式,它可以在微信内被便捷地获取和传播,同时具有出色的使用体验。同时提供一系列工具帮助开发者快速接入并完成小程序开发。关于如何注册配置就不多言了,本文主要还是体验了下 web-view 的功能。
有了这个组件之后,小程序可以很好的嵌入一些页面,可以环境小程序 size 告急的问题,同样也使开发更加便捷,毕竟小程序开发者基本都对前端开发较为了解。
说再多还是需要去看官方文档, web-view文档 ,
首先就需要注意:兼容问题, 版本库和对应版本比例
目前而言,基本 80% 的用户会升级微信,所以其实不必担心版本问题,官方截止 2017-12-01 提供的数据也说明 88% 的用户支持 web-view 。
web-view 组件是一个可以用来承载网页的容器,会自动铺满整个小程序页面;
属性: src 是 String 类型,是一个网站的 url ,默认值是 none , webview 指向网页的链接。需登录小程序管理后台配置域名白名单。
可以配合 Page 实例的 onLoad 方法来获取 url 的具体值,也就是一个微信小程序页面中只有一个 web-view ,但是这陪碰个 web-view 的内容可以根据上一个页面传递的参数来获取页面 URL ,后面会讲如何实践,
官方提供如下接口:
1. 由小程序到 web-view ,其实本质上 WEB-VIEW 也是小程序的一个页面,所以小程序到 web-view 是正常的小程序间的通信,通过 wx.navigateTo 、 wx.redirectTo ,带上 url 参数, query 参数就像正常 url 的参芦锋谈数一样跟着后面,然后在 web-view 的页面的 Page 实例里面通过 onLoad 的方法的参数来获取 url 的值,设置给 web-view 的 src 属性为改值即可。
2. 由 web-view 到小程序,由于在 web-view 的跳转通常是在 src 对应的网页中的 *** 作来处理的,所以需要结合 jssdk 来处理,不需要 wx.config 配置,直接通过 script 标签来引入 [https://res.wx.qq.com/open/js/jweixin-1.3.0.js](http://link.zhihu.com/?target=https%3A//res.wx.qq.com/open/js/jweixin-1.3.0.js) ,就可以使用 wx.miniProgram.navigateTo 、 wx.miniProgram.navigateBack 、 wx.miniProgram.switchTab 、 wx.miniProgram.reLaunch 、 wx.miniProgram.redirectTo 接口,就像小程序之间的跳转一样,单是只能在当前小程序页面内跳转。
// web-view下的页面内 console.log(window.__wxjs_environment === 'miniprogram') // true
在目前实践了部分 web-view 的功能,
在这个 web-view 中,指向的就基团是 https://test.com 的内容,所以在在 https://test.com 中跳转出回到小程序,需要修改 https://test.com 中的 JavaScript ,
如果需要使用一些其他的的 jssdk 的方法,那就需要参照公众号的开发配置了。
由于很多使用中的一些问题
在微信里碰到一个有用好悄坦如玩小程序自然要转发分享给好友啦,那么我就来给演示一下转发分享小程序的具体步骤:
1、打开微信以后,点开右上角的搜索标志。
2、在搜索框输入“小程序”,下方就能看启启到搜索结果,点击下方的“小程序”。
3、在小程序里找到你要分享的那个,例如“抽奖助手”。
4、点开小程序以后,右上方能看到三个点,点开它。
5、在下方d出的选择里,选择“转发给朋友”。
6、选择你要转发给的人。
7、最后点击“发送”即可。
微信里的小程序都可以用这信段个方式转发给别人。
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)