react 打开微信小程序不同的版本

项目场景:

在开发大项目的时候,需要在测试环境上打开不同的版本。如在正式环境,打开正式版小程序;在测试环境上,打开体验版小程序。


问题描述

如何根据当前的环境打开不同的版本?

答案是配置环境变量。如在测试环境,编译时可以npm run test这样的打包形式,将代码发到测试环境。

这样在打开小程序时,可以使用环境变量,打开对应的小程序。

javascript 复制代码
<wx-open-launch-weapp
            
            class="launch-btn"  
            appid="wxxxxxxxxxx"
            path="跳转的小程序页面"
            env-version={process.env.PRODUCT_ENV!=="product"?'trial':'release'}
            
            > 
            
            </wx-open-launch-weapp>

原因分析:

微信小程序时有多个不同的版本,体验版,正式版。

正式版是所有用户都可以进入。

体验版是只有部分授权的用户可以进入,如小程序开发者,或者授权了体验版的用户。其它用户访问,只会提示没有权限登录。


解决方案:

根据环境变量,打包不同的版本,就可以打开对应版本的小程序。

相关推荐
2301_8059629313 分钟前
微信小程序控制空调之接收MQTT消息
微信小程序·小程序·esp32
The_era_achievs_hero14 分钟前
微信小程序121~130
微信小程序·小程序
難釋懷18 分钟前
微信小程序WXSS 模板样式
微信小程序·小程序·notepad++
清颖~19 分钟前
原生微信小程序研发,如何对图片进行统一管理?
微信小程序·小程序
军军君0129 分钟前
基于Springboot+UniApp+Ai实现模拟面试小工具二:后端项目搭建
前端·javascript·spring boot·spring·微信小程序·前端框架·集成学习
默魔6 小时前
uniapp 微信小程序点击开始倒计时
微信小程序·小程序·uni-app
阿俊-全栈开发18 小时前
crmeb多门店对接拉卡拉支付小程序聚合收银台集成全流程详解
小程序·php·拉卡拉聚合收银台·拉卡拉三方支付
難釋懷1 天前
微信小程序全局配置
微信小程序·小程序
Enti7c1 天前
微信小程序核心知识点速览
微信小程序·小程序
2501_915918412 天前
Fiddler中文版全面评测:功能亮点、使用场景与中文网资源整合指南
android·ios·小程序·https·uni-app·iphone·webview