uniapp 从自己的微信小程序跳转到京东小程序某个商品

今天由于工作有这个需求于是就去试了下,看了很多方法,对于我最后实现的样板和心得在此记录

随便搞个点击按钮

点击事件传的是商品详情地址,后续用正则提取出来

html 复制代码
<view class="goods-item" v-for="(item,index) in goodsList" :key="index"@click="goToBuy(item.goodsLink)">

我看有些说要在app.json里配置,这个对于我没有影响,如果有这个问题的话可以看看别人的博客

其次在methods中写方法

html 复制代码
goToBuy(link) {
				// 判断是否运行在小程序环境
				console.log(uni.getSystemInfoSync().uniPlatform)
				if (uni.getSystemInfoSync().uniPlatform === 'mp-weixin') {
					// 使用正则表达式提取商品ID
					const productId = link.match(/\/product\/(\d+)\.html/);
					wx.navigateToMiniProgram({
						appId: 'wx91d27dbf599dff74', // 京东小程序的AppID
						path: '/pages/item/detail/detail?sku=' + productId,
					})
					console.log('在小程序环境中');
				} else {
					console.log('不在小程序环境中');
				}
			},

然后点击可以跳转了

注意navigateToMiniProgram这个方法只适用于小程序跳转到小程序,

不然会报错API navigateToMiniProgram没有被实施啥的,或者就点击没效果

我一开始以为是什么微信小程序基座版本太低的问题,结果是只能在小程序开发者的真机调试中运行,达成了效果,另外在以上代码额外奉送如何判断是否在微信小程序的环境中的方法

相关推荐
丁总学Java1 小时前
页面、组件、应用、生命周期(微信小程序)
微信小程序·小程序·生命周期
耶啵奶膘3 小时前
uniapp-是否删除
linux·前端·uni-app
编程千纸鹤6 小时前
高校宿舍信息管理系统小程序
小程序·宿舍管理小程序
说私域7 小时前
基于开源 AI 智能名片 S2B2C 商城小程序的视频号交易小程序优化研究
人工智能·小程序·零售
断墨先生8 小时前
uniapp—android原生插件开发(3Android真机调试)
android·uni-app
guai_guai_guai10 小时前
uniapp
前端·javascript·vue.js·uni-app
阿伟来咯~15 小时前
一些 uniapp相关bug
uni-app·bug
丁总学Java18 小时前
微信小程序,点击bindtap事件后,没有跳转到详情页,有可能是app.json中没有正确配置页面路径
微信小程序·小程序·json
瑶琴AI前端19 小时前
uniapp组件实现省市区三级联动选择
java·前端·uni-app
说私域19 小时前
基于开源 AI 智能名片、S2B2C 商城小程序的用户获取成本优化分析
人工智能·小程序