微信小程序如何切换到测试环境

在开发微信小程序的时候，我们可能需要开发环境和测试环境，或者其他环境，下面是切换环境的方法。

首先需要明确的是：前端的页面代码是不区分环境的，环境的区分指的是云函数、云数据库、云存储这些。

1、更改云函数的使用云环境

这里我们从cloud1更改为test-cloud，这个改完是没有用的，因为在前端代码指定了使用的云环境。

cloudfunctions文件和miniprogram文件虽然都在一个目录下，但是这两个没有直接联系。

2、在evList.js中添加自己云环境

evList.js存储了云环境列表，这里把test-cloud加到这个列表里，需要填写envId和alias，参照cloud1写就行。

3、更改app.js初始化指定的云环境

app.js中会有一个initcloud()函数，用来指定使用使用那个云函数来初始化wx.cloud。

wx:if 与hidden都可以控制微信小程序中的元素的显示与否。

先演示下两种方式的使用

wx:if 的使用

wx:if 还可以配合wx:else 使用，用来显示隐藏不同的控件

当isShow true显示test 隐藏test1；当isShow false时显示test1 隐藏test

hidden的使用

当isHidden true时 test隐藏 isHidden false时 test显示

wx:if 和hidden的差别

wx:if的隐藏是不渲染控件

hidden的隐藏是渲染控件，但是不显示

看下面效果

在xml布局中可以看到显示了三个控件，hidden隐藏的部分依然被渲染。

在实际开发过程中，如果频繁切换的话，用wx:if因为要频繁销毁和渲染，会消耗更多的资源。

如果不是频繁切换可以考虑使用wx:if，防止页面初始化时一下渲染那么多。

---