App分享微信小程序
2018-09-08 本文已影响100人
honey缘木鱼
之前一直分享到公众号,由于公众号很难维护,小程序出现后,开发了小程序,于是准备直接打开分享连接跳到小程序。
打开微信开放平台(https://open.weixin.qq.com)绑定开发的小程序如图:
具体方法:
1.下载最新的微信SDK,或使用CocoaPods更新。
2.下载官方demo
调用方法参数表示:
a.第一个字段WebpageUrl为备用链接,兼容低版本的微信客户端
b. userName为小程序的原始id,可以在小程序中查看
c. path为小程序中页面路径
d. Description为描述,等同于小程序中onShareAppMessage方法中的title
e. ThumbImage和hdImageData为分享图片的信息,需要小于128k,因此在分享前需要先下载要分享的图片,并压缩,最后resize到500*400(小程序卡片图片要求比例是5比4)
f. withShareTicked为YES时,是否带shareTicket,可以通过wx.getShareInfo方法获取群对当前小程序的唯一ID(OpenGid)
g. miniProgramType表示小程序类型,0是正式版,1是开发版,2是体验版
小程序端
需要将 <button> 组件 open-type 的值设置为 launchApp。如果需要在打开 APP 时向 APP 传递参数,可以设置 app-parameter 为要传递的参数。通过 binderror 可以监听打开 APP 的错误事件。
<button open-type="launchApp" app-parameter="itemId=12345&userId=1234" binderror="launchAppError">打开APP</button>
若分享成功后,微信唤起App,并传递app-parameter参数到App:
在App中添加WXApiDelegate中的onReq方法,处理参数。
如果唤起App失败,在binderror对应的方法中处理唤起失败后的逻辑:
Page({
launchAppError: function(e) {
console.log(e.detail.errMsg)
}
})
如果是没有安装App,可以使用wx.previewImage的方法弹出引导关注公众号的图片文案。