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>

原因分析:

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

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

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


解决方案:

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

相关推荐
文心快码BaiduComate19 小时前
用Comate Zulu开发一款微信小程序
前端·后端·微信小程序
Emma歌小白3 天前
如何首次运行小程序后端
微信小程序
赣州云智科技的技术铺子3 天前
【一步步开发AI运动APP】十二、自定义扩展新运动项目1
微信小程序·小程序·云开发·智能小程序
2501_915918413 天前
iOS 上架全流程指南 iOS 应用发布步骤、App Store 上架流程、uni-app 打包上传 ipa 与审核实战经验分享
android·ios·小程序·uni-app·cocoa·iphone·webview
00后程序员张3 天前
iOS App 混淆与加固对比 源码混淆与ipa文件混淆的区别、iOS代码保护与应用安全场景最佳实践
android·安全·ios·小程序·uni-app·iphone·webview
破无差4 天前
《赛事报名系统小程序》
小程序·html·uniapp
00后程序员张4 天前
详细解析苹果iOS应用上架到App Store的完整步骤与指南
android·ios·小程序·https·uni-app·iphone·webview
海绵宝宝不喜欢侬4 天前
uniapp-微信小程序分享功能-onShareAppMessage
微信小程序·小程序·uni-app
2501_915106324 天前
Xcode 上传 ipa 全流程详解 App Store 上架流程、uni-app 生成 ipa 文件上传与审核指南
android·macos·ios·小程序·uni-app·iphone·xcode
亮子AI4 天前
【小程序】微信小程序隐私协议
微信小程序·小程序