小程序
小游戏
企业微信
微信支付
扫描小程序码分享
大家好,我遇到个难题,由于当前的H5页面是通过uni的HBuilderX 工具把小程序的项目导出为H5页面,目前是想做个功能,从另外一个小程序的webview 来访问 这个H5页面,页面中有个分享按钮,当用户点击的时候要把当前的H5页面的链接分享到用户的微信朋友,目前遇到的难题就是 看到官方的webview 的说明文档,也没介绍怎么在Vue里配置和使用jssdk,h5与小程序的通信案例,希望各位大佬帮助一下,感谢
6 个回答
加粗
标红
插入代码
插入链接
插入图片
上传视频
有个webview使用的jssdk的npm包:
npm install weixin-webview-jssdk ------------------------------ import wx from "weixin-webview-jssdk"; // ... wx.miniProgram.navigateTo(...) // ...
你好,麻烦通过点击下方“反馈信息”按钮,提供出现问题的。
楼主,你解决了吗?咋解决的?我也遇到了同样的问题, 微信的sdk好像没有npm 包让在vue组件中使用呢!
看你的描述,你的核心诉求应该是如何在小程序webview中实现:通过触发H5中按钮把当前H5页面分享对吧?这个目前是无法实现的。只能通过小程序右上角的分享。
然后再提供一个H5自定义分享的思路给您:首先jssdk跟用不用vue没有关联,然后可以利用jssdk里的postmessage实现与小程序的通讯。小程序端通过监听接收数据,就可以动态更改分享信息了。
web-view 支持的 JSSDK 接口只有文档这些
https://developers.weixin.qq.com/miniprogram/dev/component/web-view.html
感谢回复,不对呀,大佬,我这个是微信小程序的webview ,不是微信公众号呢,我看它也没说要配置些什么呢
百度一搜一大堆https://www.jianshu.com/p/6eb334fd8730
关注后,可在微信内接收相应的重要提醒。
请使用微信扫描二维码关注 “微信开放社区” 公众号
有个webview使用的jssdk的npm包:
npm install weixin-webview-jssdk ------------------------------ import wx from "weixin-webview-jssdk"; // ... wx.miniProgram.navigateTo(...) // ...
楼主,你解决了吗?咋解决的?我也遇到了同样的问题, 微信的sdk好像没有npm 包让在vue组件中使用呢!
看你的描述,你的核心诉求应该是如何在小程序webview中实现:通过触发H5中按钮把当前H5页面分享对吧?这个目前是无法实现的。只能通过小程序右上角的分享。
然后再提供一个H5自定义分享的思路给您:首先jssdk跟用不用vue没有关联,然后可以利用jssdk里的postmessage实现与小程序的通讯。小程序端通过监听接收数据,就可以动态更改分享信息了。
web-view 支持的 JSSDK 接口只有文档这些
https://developers.weixin.qq.com/miniprogram/dev/component/web-view.html
https://developers.weixin.qq.com/doc/offiaccount/OA_Web_Apps/JS-SDK.html#1
感谢回复,不对呀,大佬,我这个是微信小程序的webview ,不是微信公众号呢,我看它也没说要配置些什么呢
goMessage() { // h5页面按钮点击函数
wx.miniProgram.getEnv(function(res) {
if (res.miniprogram) {
//如果当前是小程序环境
wx.miniProgram.postMessage({
data: {
data: "HelloWorld";
}
})
}
})
}
bindmessage="getMsg"" // 小程序 webview 组件监听
getMsg(event){ // 消息函数
console.log(`接受消息`,event);
},
百度一搜一大堆https://www.jianshu.com/p/6eb334fd8730