微信交互
2020-08-11 本文已影响0人
xurna
移动app跳去指定小程序：
https://developers.weixin.qq.com/doc/oplatform/Mobile_App/WeChat_H5_Launch_APP.html
微信内h5页面跳去指定小程序：微信开放标签：<wx-open-launch-weapp>
https://developers.weixin.qq.com/doc/offiaccount/OA_Web_Apps/Wechat_Open_Tag.html
遇到的问题：
- 不能显示按钮：1、注意一定要是
已认证的服务号，要在正式环境访问;2、wx.config中一定要配置openTagList: ['wx-open-launch-weapp'];3、一定要在服务号中配置了JS接口安全域名；
公众号关注组件：<official-account></official-account>
<official-account bindload="loadEvent" binderror="errorEvent"></official-account>
loadEvent(e){
console.log(e.detail) // {errMsg: "加载成功", status: 0}
}
errorEvent(e){
console.log(e.detail) // {errMsg: "场景值错误", status: 5, scene: 1001}
}
- 使用组件前，需前往小程序后台，在“设置”->“关注公众号”中设置要展示的公众号。注：设置的公众号需与小程序主体一致。
- 在一个小程序的生命周期内，只有从特定场景进入小程序，才具有展示引导关注公众号组件的能力
-
为便于开发者调试，基础库 2.7.3 版本起开发版小程序增加以下场景展示公众号组件：开发版小程序从扫二维码（场景值 1011）打开 — 体验版小程序打开；前往小程序体验版的入口页（场景值1017），可在开发者工具编译模式中设置：
image.png
- 组件限定最小宽度为300px，高度为定值84px。可以再外面加一个view设置整体样式，但是组件里面的样式不能自定义。
-
每个页面只能配置一个该组件。
组件样式
小程序不支持长按识别二维码
小程序不支持长按识别二维码，所以遇到产品要求要做成小程序页面但是需要长按识别二维码的场景需要注意下。
解决方式：
- h5方案：改成小程序嵌h5方案，将需要长按识别二维码的页面做成h5页面，h5中可长按识别二维码
- 小程序方案：使用小程序接口
wx.previewImage点击图片进行预览，图片预览后可以长按识别二维码
小程序web-view可打开小程序关联公众号文章
小程序web-view中可以打开小程序关联的公众号的文章，但不能是短链形式打开的文章，如：https://t.1yb.co/xary，需要是 https://mp.weixin.qq.com/ 开头的链接
一些会跳转到发布版本小程序的场景
- 小程序URL link打开跳转的是已发布的小程序（只能生成已发布的小程序的 URL Link）
- 从消息订阅模板点击跳转小程序页面，为已发布小程序页面
图片的pointer-events属性
要留意图片操作是否有设置pointer-events属性，会禁用用户行为，比如长按识别图片二维码，长按保存等
