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

资深前端之路2024-09-11 10:13

项目场景：

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

问题描述

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

答案是配置环境变量。如在测试环境，编译时可以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>

原因分析：

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

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

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

解决方案：

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