微信小程序开发跳转京东,淘宝小程序

没有淘宝小程序,所以只能提示他复制链接网页打开

跳转京东小程序

获取京东小程序

京东小程序appId:wx91d27dbf599dff74

或者点开京东小程序,查看详情即可获取到京东的appid

店铺页面路径

店铺首页:pages/shop/index/index?shopId=

店铺id

打开h5,点击到自己的店铺下。url路径中index- 后面的那一串数字就是你的店铺Id啦
京东(JD.COM)-正品低价、品质保障、配送及时、轻松购物!

webView.ts

javascript 复制代码
// packageB/external_websites/index.ts
Page({

  /**
   * 页面的初始数据
   */
  data: {
url:''
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad(option:any) {
console.log("网站地址",option.url);
let url=JSON.parse(decodeURIComponent(option.url))
this.setData({
  url:url
})

 console.log("复制",this.data.url);
      wx.setClipboardData({
        data: url,
        success (res) {
          console.log(res);
          wx.getClipboardData({
            success (res) {
              console.log(res.data) // data
              wx.showToast({
                title: '复制链接成功',
                icon: 'success',
                duration: 2000
              });
            },
                fail: function(err) {  
          // 复制失败后的回调函数  
          console.log(err);
          
        } 
          })
        }
      })
      
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady() {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow() {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide() {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload() {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh() {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom() {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage() {

  }
})

webView.wxml

javascript 复制代码
<web-view src="{{url}}"/>

goodDetail.ts

javascript 复制代码
 goUrl(e:any){
    let type=e.currentTarget.dataset.type
console.log(e.currentTarget.dataset.url);
// let url=e.currentTarget.dataset.url
let url=''
// 
if(type=='jd'){
      wx.navigateToMiniProgram({
        appId: 'wx91d27dbf599dff74',
        path: '/pages/shop/index/index?shopId=******',
        envVersion: 'release',
        success(res) {
            // 打开成功
          console.log(res);
        }
      })
      return

} 
if(type=='tm'){
//天猫的链接是请求接口  后端传过来的

  url=e.currentTarget.dataset.url
} 
wx.navigateTo({
  url:'/packageB/external_websites/index?url='+encodeURIComponent(JSON.stringify(url))
})
  },
相关推荐
chaosama16 小时前
微信小程序带参分享、链接功能
微信小程序·小程序
胡西风_foxww16 小时前
微信小程序动态组件加载的应用场景与实现方式
微信小程序·应用·加载·动态组件
ALLSectorSorft19 小时前
上门服务小程序会员系统框架设计
小程序·apache
甜甜的资料库21 小时前
基于小程序老人监护管理系统源码数据库文档
微信小程序
说私域1 天前
基于定制开发开源AI智能名片S2B2C商城小程序的首屏组件优化策略研究
人工智能·小程序·开源·零售
Uyker2 天前
微信小程序动态效果实战指南:从悬浮云朵到丝滑列表加载
前端·微信小程序·小程序
happyCoder2 天前
uniapp 微信小程序实现定时消息订阅提醒(前后端)
微信小程序
Uyker2 天前
从零开始制作小程序简单概述
前端·微信小程序·小程序
打小就很皮...2 天前
HBuilder 发行Android(apk包)全流程指南
前端·javascript·微信小程序
说私域3 天前
定制开发开源AI智能名片驱动下的海报工厂S2B2C商城小程序运营策略——基于社群口碑传播与子市场细分的实证研究
人工智能·小程序·开源·零售