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

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

跳转京东小程序

获取京东小程序

京东小程序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))
})
  },
相关推荐
kingarst1 小时前
仿axios,封装微信小程序的请求
微信小程序·小程序
尘浮生4 小时前
Java项目实战II基于SpringBoot的共享单车管理系统开发文档+数据库+源码)
java·开发语言·数据库·spring boot·后端·微信小程序·小程序
CSDN专家-赖老师(软件之家)5 小时前
养老院管理系统+小程序项目需求分析文档
vue.js·人工智能·小程序·mybatis·springboot
dccose14 小时前
vue3 uniapp 扫普通链接或二维码打开小程序并获取携带参数
小程序·uni-app
尘浮生20 小时前
Java项目实战II基于微信小程序的校运会管理系统(开发文档+数据库+源码)
java·开发语言·数据库·微信小程序·小程序·maven·intellij-idea
尘浮生1 天前
Java项目实战II基于微信小程序的电影院买票选座系统(开发文档+数据库+源码)
java·开发语言·数据库·微信小程序·小程序·maven·intellij-idea
HerayChen1 天前
微信小程序混合 h5 wx.miniProgram是 undefined
微信小程序·小程序·h5
耶啵奶膘1 天前
uniapp+vue2全局监听退出小程序清除缓存
小程序·uni-app
中云DDoS CC防护蔡蔡1 天前
微信小程序被攻击怎么选择高防产品
服务器·网络安全·微信小程序·小程序·ddos