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

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

相关推荐
CocoaKier1 天前
AI让35岁程序员再次伟大
ios·微信小程序·aigc
2501_915909061 天前
苹果上架App软件全流程指南:iOS 应用发布步骤、App Store 上架流程、uni-app 打包上传与审核技巧详解
android·ios·小程序·https·uni-app·iphone·webview
2501_915921431 天前
iOS 文件管理与能耗调试结合实战 如何查看缓存文件、优化电池消耗、分析App使用记录(uni-app开发与性能优化必备指南)
android·ios·缓存·小程序·uni-app·iphone·webview
小徐_23331 天前
uni-app 也能使用 App.vue?wot-starter 是这样实现的!
前端·uni-app
2501_915918411 天前
App 苹果 上架全流程解析 iOS 应用发布步骤、App Store 上架流程
android·ios·小程序·https·uni-app·iphone·webview
哆啦A梦15881 天前
uniapp分包实现
前端·vue.js·uni-app·vue3
2501_916007471 天前
苹果上架全流程详解,iOS 应用发布步骤、App Store 上架流程、uni-app 打包上传与审核要点完整指南
android·ios·小程序·https·uni-app·iphone·webview
ZZHow10241 天前
微信小程序开发笔记(01_小程序基础与配置文件)
笔记·微信小程序·小程序
皮皮冰燃1 天前
微信小程序-1-微信开发者工具环境搭建和初始化创建项目
微信小程序·小程序
jingling5551 天前
uniapp | 实现微信小程序端的分包处理
微信小程序·小程序·uni-app