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没有被实施啥的,或者就点击没效果

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

相关推荐
CHB21 分钟前
uni-ai:让你的App快速接入AI
uni-app·deepseek
小徐_23332 天前
uni-app vue3 也能使用 Echarts?Wot Starter 是这样做的!
前端·uni-app·echarts
iOS阿玮2 天前
永远不要站在用户的对立面,挑战大众的公知。
uni-app·app·apple
xw52 天前
uni-app中v-if使用”异常”
前端·uni-app
!win !2 天前
uni-app中v-if使用”异常”
前端·uni-app
Emma歌小白2 天前
如何首次运行小程序后端
微信小程序
赣州云智科技的技术铺子2 天前
【一步步开发AI运动APP】十二、自定义扩展新运动项目1
微信小程序·小程序·云开发·智能小程序
2501_915918412 天前
iOS 上架全流程指南 iOS 应用发布步骤、App Store 上架流程、uni-app 打包上传 ipa 与审核实战经验分享
android·ios·小程序·uni-app·cocoa·iphone·webview
00后程序员张2 天前
iOS App 混淆与加固对比 源码混淆与ipa文件混淆的区别、iOS代码保护与应用安全场景最佳实践
android·安全·ios·小程序·uni-app·iphone·webview
破无差3 天前
《赛事报名系统小程序》
小程序·html·uniapp