App分享微信小程序

2018-09-26 17:26:18 浏览数 (1)

之前一直分享到公众号,由于公众号很难维护,小程序出现后,开发了小程序,于是准备直接打开分享连接跳到小程序。

打开微信开放平台(https://open.weixin.qq.com)绑定开发的小程序如图:

绑定

具体方法: 1.下载最新的微信SDK,或使用CocoaPods更新。

2.下载官方demo

调用方法

代码语言:javascript复制
参数表示:
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 的错误事件。

代码语言:javascript复制
<button open-type="launchApp" app-parameter="itemId=12345&userId=1234" binderror="launchAppError">打开APP</button>

若分享成功后,微信唤起App,并传递app-parameter参数到App:

在App中添加WXApiDelegate中的onReq方法,处理参数。 如果唤起App失败,在binderror对应的方法中处理唤起失败后的逻辑:

代码语言:javascript复制
Page({ 
    launchAppError: function(e) { 
        console.log(e.detail.errMsg) 
    } 
})

如果是没有安装App,可以使用wx.previewImage的方法弹出引导关注公众号的图片文案。

注意:移动应用分享功能支持小程序类型分享,要求发起分享的App与小程序属于同一微信开放平台帐号。支持分享小程序类型消息至好友会话,不支持“分享至朋友圈”及“收藏”。

0 人点赞