小程序分享到朋友圈 H5打开小程序H5打开APP 「wx-open-launch-weapp」 「wx-open-launch-app」
前言
微信更新了两个功能块 简单使用了下 给大家写篇文章说说 避免走弯路 欧力给！
1.小程序分享到朋友圈
//在页面的js里设置下就okonShareTimeline(){return {title: "微视宝", imageUrl: '/assets/images/wsbLOGO2.png',query: '/pages/homepage/homepage'}},
需要注意的是 （现测试阶段只能在安卓上实现 ） onShareTimeline() 需要自己去加 默认没有
2.H5打开小程序
我这里是vue环境 以vue举例
1.在我们的《index.html》 中引入最新的js包
2.通过config接口注入权限验证配置并申请所需开放标签 （开放标签的申请和JS接口的申请相互独立，因此是可以同时申请的）
wx.config({debug: false, // 是否开启调试模式appId: sdk.appId, //appidtimestamp: sdk.timestamp, // 时间戳nonceStr: sdk.nonceStr, // 随机字符串signature: sdk.signature, // 签名jsApiList: ["onMenuShareTimeline","onMenuShareAppMessage","onMenuShareQQ","onMenuShareWeibo","onMenuShareQZone","openLocation","chooseWXPay",],openTagList:['wx-open-launch-weapp', //跳转小程序'wx-open-launch-app' //跳转app]}); //至于如何注入js sdk 这个都烂大街了就不说了 可自行查阅资料
- 开始写跳转页面 （需要注意以下两点）
对于Vue等视图框架，为了避免template标签冲突的问题，可使用
1.username不是appid是以gh开头的
2.还有我们跳转的路径要带.html
3.本地会报组件未注册的错 可忽略
4.微信网页模拟器也不可以 需要在真机上才可展示出来 （若未展示出来按钮 检查自己config注入是否成功）4.效果图
3.H5打开APP
和跳转小程序一致 但需要先到开放平台配置
使用前需将「 JS 接口安全域名绑定的服务号」绑定在「移动应用的微信开放平台账号」下，并确保服务号与此开放平台账号同主体且均已认证。请前往 微信开放平台-管理中心-公众号详情-接口信息 设置域名与所需跳转的移动应用。
本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！
