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

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

跳转京东小程序

获取京东小程序

京东小程序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))
})
  },
相关推荐
StevenLdh1 小时前
第四期 · 云端同步与冲突仲裁:离线可写、多端一致的工程解法
java·微信小程序
m0_462803883 小时前
会议签到如何设置手写签名?从创建签到到导出签名 PDF 的完整流程
微信小程序
zhangminghuan4 小时前
UniApp / 微信小程序实战拓展面试题|业务坑点、工程化、跨端踩坑(2026 前端进阶)
小程序
Kingexpand_com12 小时前
企业车队运营痛点解析:传统人工模式如何实现数字化升级
小程序·app·软件开发·app定制开发·打车用车app·车队
2601_9499506319 小时前
练题簿在线练题全流程:从资料导入到模拟考试与错题复盘
学习·考研·小程序·刷题·小程序推荐
投票竞赛20 小时前
线上投票海报生成教程,一键制作带小程序码投票海报
小程序
AI工具人PM产品经理21 小时前
零基础微信小程序入门:一个真实项目的里程碑路线图
微信小程序·云开发·学习路线·零基础入门·ai 编程
海鸥两三1 天前
小程序文档预览 · 进阶面试题
小程序·uni-app·uniapp
m0_587383001 天前
上海24小时自助健身房系统软件开发实战指南:从架构到部署
人工智能·小程序·数据挖掘·系统架构·需求分析
海鸥两三1 天前
微信小程序 PDF 预览实践(uni.downloadFile → uni.openDocument)
小程序·uni-app