- N +

微信小程序之小程序跳转另一个小程序

原标题:微信小程序之小程序跳转另一个小程序

导读:

需求:点击轮播图、跳转到商品详情页、商品详情页为另一家公司的小程序第一步:在app.json配置上需跳转的到的小程序的appid{   &nb...

文章目录 [+]

需求:点击轮播图、跳转到商品详情页、商品详情页为另一家公司的小程序

第一步:在app.json配置上需跳转的到的小程序的appid

{
    "pages": [
        "pages/index/index",
        "pages/login/login"
    ],
    "window": {
        "backgroundTextStyle": "light",
        "navigationBarBackgroundColor": "#000",
        "navigationBarTitleText": "微信小程序",
        "navigationBarTextStyle": "white"
    },
    "permission": {
        "scope.userLocation": {
        "desc": "你的位置信息将用于小程序的位置展示"
        }
    },

    "navigateToMiniProgramAppIdList": [
        "此处配置需要跳转的到的小程序的appid"
    ],
    "sitemapLocation": "sitemap.json"
}

image.png

第二步:添加点击跳转事件

 <view class="page-section page-section-spacing swiper">
      <swiper indicator-dots="{{indicatorDots}}" autoplay="{{autoplay}}" interval="{{interval}}" duration="{{duration}}">
        <block wx:for="{{background}}" wx:key="*this">
          <swiper-item>
              <!-- toDetails为绑定的点击跳转事件 -->
            <view class="swiper-item {{item}}" bindtap="toDetails" ></view>
          </swiper-item>
        </block>
      </swiper>
 </view>

第三步:通过wx.navigateToMiniProgram跳转到需跳转的小程序页面

toDetails:function(){
    wx.navigateToMiniProgram({
        appId: 'wx**************c',//小程序appid
        path: 'packages/goods/detail/index?alias=3nqhj7g9f7jxm',//跳转关联小程序app.json配置里面的地址
        extraData: { },
        //**重点**要打开的小程序版本,有效值 develop(开发版),trial(体验版),release(正式版) 
        envVersion: 'release',
        success(res) {
            // 打开成功
        }
    })
},



有好的文章希望我们帮助分享和推广,猛戳这里我要投稿

0

0
返回列表
上一篇:
下一篇:

发表评论中国互联网举报中心

快捷回复:

验证码

    评论列表 (暂无评论,共127人参与)参与讨论

    还没有评论,来说两句吧...