App分享微信小程序

作者: honey缘木鱼 | 来源:发表于2018-09-08 17:11 被阅读100次

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

    打开微信开放平台(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的方法弹出引导关注公众号的图片文案。

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

    相关文章

      网友评论

        本文标题:App分享微信小程序

        本文链接:https://www.haomeiwen.com/subject/zcuhgftx.html