微信小程序有个 web-view 组件,有了它,微信就相当于变成了个浏览器了,让小程序有了无限的可能,简直就是前端同学的福音。
当然,它也有一定的限制,比如:
只能打开 HTTPS 链接的页面
只能打开已认证的「业务域名」下的链接
有了它,可以让网站的小程序化变的非常简单,只要把 HTTPS 支持上即可,一行代码实现一个小程序,这都不是梦 ^_^
分享功能实现
小程序的最大优势也在于它的流量上面,而流量的获取,就免不了分享功能。在 web-view 里分享出去的页面,怎么与首页形成回流关系,整体流程该怎么走,相信用过这个组件的同学都会遇到这个问题。
参考了网上的资料(微信小程序,实现内嵌网页的分享),折腾了一翻,终于把整个流程搞通了,具体实现思路这里给分享一下。
一、大概思路
一共两个原生页面,一个作为小程序入口,一个作为二级页面承载页:
首页 pages/index:小程序入口(包含分享后的页面)
二级页 pages/share:承载分享出去的具体详情页面
分享实现:分享页面选用首页 pages/index,通过 ?shareUrl= 参数把分享 URL 带进来
首页通过 shareUrl 参数获取分享 URL,调用 wx.navigateTo 调起二级页面 pages/share 来打开具体 URL
二、具体步骤(基于 wepy 框架介绍)
1.