微信小程序调试webview_微信小程序开发-webview页面的分享处理

微信小程序有个 web-view 组件,有了它,微信就相当于变成了个浏览器了,让小程序有了无限的可能,简直就是前端同学的福音。当然,它也有一定的限制,比如:只能打开 HTTPS 链接的页面只能打开已认证的「业务域名」下的链接有了它,可以让网站的小程序化变的非常简单,只要把 HTTPS 支持上即可,一行代码实现一个小程序,这都不是梦 ^_^分享功能实现小程序的最大优势也在于它的流量上面,而流量的获取...
摘要由CSDN通过智能技术生成

微信小程序有个 web-view 组件,有了它,微信就相当于变成了个浏览器了,让小程序有了无限的可能,简直就是前端同学的福音。

当然,它也有一定的限制,比如:

只能打开 HTTPS 链接的页面

只能打开已认证的「业务域名」下的链接

有了它,可以让网站的小程序化变的非常简单,只要把 HTTPS 支持上即可,一行代码实现一个小程序,这都不是梦 ^_^

分享功能实现

小程序的最大优势也在于它的流量上面,而流量的获取,就免不了分享功能。在 web-view 里分享出去的页面,怎么与首页形成回流关系,整体流程该怎么走,相信用过这个组件的同学都会遇到这个问题。

参考了网上的资料(微信小程序,实现内嵌网页的分享),折腾了一翻,终于把整个流程搞通了,具体实现思路这里给分享一下。

一、大概思路

一共两个原生页面,一个作为小程序入口,一个作为二级页面承载页:

首页 pages/index:小程序入口(包含分享后的页面)

二级页 pages/share:承载分享出去的具体详情页面

分享实现:分享页面选用首页 pages/index,通过 ?shareUrl= 参数把分享 URL 带进来

首页通过 shareUrl 参数获取分享 URL,调用 wx.navigateTo 调起二级页面 pages/share 来打开具体 URL

二、具体步骤(基于 wepy 框架介绍)

1.

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值