3-小程序及中后台的部署原创

Hello，大家好，我是同学老师，然后这节课我们来讲解一下我们的项目当中的中后台，还有我们的小程序端需要怎么部署。首先我们先说一下我们的中后台，中后台就是我们解压出来三个目录当中的运ad me这个目录，然后我们双击点进去。好，这时候呢，我们就到上面地址栏这里点击它，然后输入CND，按下回车。然后再打开了这个终端工具当中，就直接定位到了我们这个项目所在的目录，然后这时候我们输入NP，按下回撤。然后呢，就是对我们项目的各种依赖进行安装。然后呢，在他一边安装的同时呢，我们打开我们的编辑器。然后再编辑器当中打开我们现在所在的这个目录，但我们可以使用拖拽的形式直接把这个目录。

选中，然后呢，投放到这里来就可以进行打开了。然后在这个项目当中，我们打开一个文件，就是就是在我们项目的src目录下找到api.js这个地方，这里面我们有一个als来作为我们这个项目发起请求的一个内库，然后这当中呢，我们可以创建一个实例，实例当中可以让我们设置一个前置的部分，就公共部分。啊，这个部分怎么得到呢？我们需要去到我们之前。创建好的云托管的服务应用当中找到我们已经创建好的服务理念当中的创建好的服务。然后这时候打开之后找到它的服务设置，然后这里就看到一个公网访问，然后这个链接地址就是我们现在能访问的公网的地址，然后呢，就方便给我们的中后台进行访问调用，然后这时候呢，我们需要把这个前面的域名部分进行替换。

替换为你的公网访问的服务地址。然后这时候就可以了，然后这时候去看CD当中我们刚刚的依赖是否已安装完成啊同学们，到这个地方我们答案呢，已经安装完成了，然后呢，只要它中就没有其他的红色的报错，Error的报错，级别的错误，以及这个地方有个ADD显示我们添加多少个包，这时候都是按装成功的，这时候我们可以这里输入一行命令，对我们的中后台进行运行mpn run DV。按下回车，然后这时候呢，他就会对我们的这个进行一个临时的打包，然后呢，临时的一个提供一个测试访问的链接，让我们能够测试我们的中后台。然后同学们他运势好了之后呢，我们这里能看到一个链接，我们把这个链接复制一下。然后在我们浏览器当中进行打开。然后呢，他直接进入到我们的后台了，这时候呢，我们可以在这里面对一些功能进行查看和修改，比如说在城市功能当中，点击添加城市，输入第一个广州点击添加。

然后他们这时候我们的中后台就已经运行成功了，这时候它也能对我们的。云托管当中的服务器的接口进行正常的调用了。然后接下来我们说一下我们的小程序的部署流程。这时候，我们先打开我们的微信开发者工具。然后呢，如果没有登录的同学，需要先在进来的时候是一个二维码扫码界面，好，但我这是已经登录的情况了，然后同学们在这里点击一个导入。然后呢，去到了这个就是我们的解压出来三个目录，然后呢，我们找到嘛，月MP，这是我们小程序的源码，然后这选择点击选择文件。然后这里面因为我项目当中已经有一个固定的一个APPID了，这个地方呢，需要替换为你的APPID，但这可以后期为修改，但我建议大家还是在一开始的时候去到你公众平台当中。

啊，扫描进入到你的这一个公众号。当中啊，你不是之前我们要求大家先注册好一个小程序的个人号吗，然后就说我们点击登录之后。在开发管理这个地方。然后这里找到一个开发设置，然后这里就能找到你对应的APPID啊，当然我这里不用替换了，因为这就是我的APPID，就是现在的这个账号啊同学你们记得替换一下，然后再点击确定。然后在进来的时候，同学们这个项目其实还是不能访问的，因为我们当中有一些是自定义组件，有些是第三方组件，所以你们看右下角这里会有一定的报错提示，We的web icon ID index这个地方是没找到的，所以这个时候我们需要做什么事情呢？同学们。

这个时候呢，我们就需要先去到我们的项目目录当中，还是找到我们的。运MP这里双击进入到目录的内部，然后在菜单栏这里选中，然后呢输入CD按下回车。然后呢，这里先对一些依赖进行对应的安装NP。然后这里呢，就添加好对应的包了，在这里已经添加好之后呢，我们可以把它暂时的关掉。然后回到我们的开发者工具当中，找到我们的这里的工具，然后这里可下面找到一个构建NP，然后点击它。然后进进构建了，然后完成构建之后呢，点击确定。然后这时再点击一下编译，就如同我们的网页当中的刷新。点击它。然后这时候你就看到界面就会变得正常了，以后这里面也没有对应的一些错误了。

这个时候呢，我们就完成了我们小程序的应用的部署了。