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

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

跳转京东小程序

获取京东小程序

京东小程序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))
})
  },
相关推荐
V+zmm101342 小时前
基于微信小程序的在线选课系统springboot+论文源码调试讲解
java·小程序·毕业设计·mvc·springboot
AdSet聚合广告2 小时前
穿山甲等广告联盟依据哪些维度给APP、小程序结算广告变现收益
大数据·小程序
shimmer0085 小时前
抖音小程序登录(前端通过tt.login获取code换取openId)
前端·小程序·状态模式
清风路遥7 小时前
【婚庆摄影小程序设计与实现】
微信小程序·毕业设计·springboot·课程设计
潜意识起点8 小时前
微信小程序 app.json 配置文件解析与应用
微信小程序·小程序·json
计算机徐师兄16 小时前
Java基于SSM框架的无中介租房系统小程序【附源码、文档】
java·微信小程序·小程序·无中介租房系统小程序·java无中介租房系统小程序·无中介租房微信小程序
源码哥_博纳软云16 小时前
JAVA智慧养老养老护理帮忙代办陪诊陪护小程序APP源码
java·开发语言·微信小程序·小程序·微信公众平台
说私域16 小时前
私域电商逆袭密码:AI 智能名片小程序与商城系统如何梦幻联动
人工智能·小程序
美美的海顿1 天前
springboot基于Java的校园导航微信小程序的设计与实现
java·数据库·spring boot·后端·spring·微信小程序·毕业设计
说私域1 天前
无人零售及开源 AI 智能名片 S2B2C 商城小程序的深度剖析
人工智能·小程序·零售