周星星

Appearance

前言 ​

今天就来白嫖一下微信的云托管的功能，主要是因为写了微信小程序的云开发，然后像自己写个后台管理系统，发现云开发抛出去的接口回出现跨域的情况，但是配置proxy代理的话，只能在开发的时候生效，要是打包之后呢，岂不是还是会跨域。就想起了跨域的原因，只有浏览器才会有同源策略的问题，那我用一个node写一个服务端岂不是就不会有这个问题，于是就动手起来了，但是有发现一个问题，node服务端，只能本地访问，线上咋整，于是就搞起了微信的云托管。

根据微信官网的步骤一步一个脚印：本地调试

下载 Docker ​

这个Docker的使用前提条件是：首先打开电脑的任务管理器-性能 -要有虚拟化开启。如果是禁用状态的，可以根据个人的电脑的不同去搜索如何开启。如下图：

image.png

下载完后，立即重新启动电脑。随后电脑后自动打开Docker，会弹出这样的提示

image.png

解决报错：
更加报错提示，需要我们自己手动更新一下，我们根据提示去微软官网下载最新版的wsl2安装后即可正常打开。
更新包下载链接

安装完之后，重新启动Docker就可以了

创建项目 ​

在微信云托管的控制台中创建服务，自由选择自己所需要的官方模板，也可以自己定义，这里我选择的就是Koa

image.png

看到这样就说明创建项目成功了

image.png

滚动到下面，点击给予模板开发。

image.png

选择自己的仓库

image.png

拉取项目到本地 ​

使用刚刚创建好的给仓库地址克隆下来

image.png

添加配置项 ​

container.config.json要添加这个配置项，然后如果存在.cloudbase文件夹则删除，然后重启项目，即可 image.png

安装插件 ​

在vscode中西下载插件weixin-cloudbase

image.png

还需要下载Docker的插件

image.png

最后显示这样就说明成功

image.png

配置weixin-cloudbase信息 ​

可以在插件上直接设置

image.png

配置以下信息

image.png

或者是通过Docker上的也可以

image.png

配置好后，就开始启动项目了

启动项目 ​

要先启动mySql的连接，然后再去启动服务的，不然服务会启动不成功
最后显示这样就说明成功

image.png

可以分别在浏览器或者小程序中进行预览

image.png

最后看到这个页面就成功

image.png