详细讲解微信小程序的开发环境(阿里云服务搭建+运营演示)(微信小程序调用阿里云服务器)。

最近微信小程序异常火爆，很多人都在学习。下面带大家搭建一个微信小程序的调试环境（客户端+服务器），调试一套演示源码（javascript和node.js都是基础的，微信推荐的语言没有前端编程基础。为了方便起见，只需进入新手教程并简单学习javascript、node.js、mysql即可。

以下是如何在阿里云服务器上构建微信小程序服务器环境的分步演示。

相关免费学习推荐:微信小程序开发教程

1.云服务器准备:可以在阿里云购买轻量级应用服务器或ECS服务器。

云服务器ECS官方使用教程

云服务器产品

系统镜像选择CentOS目前使用的免费Linux系统，与ubuntu基本相同。第一次购买可以享受很大的折扣，可以根据自己的需求购买。

如果需要做微信小程序分销，可以直接购买阿里自有移动分销商城（含小程序商城）

2、域名准备:阿里云服务器也可以购买，这个可以随意购买最便宜的带任意后缀的域名。

域名购买后，将域名添加到之前购买的服务器的IP地址上，然后需要申请ssl证书（博主其实在阿里云免费申请过，但现在好像找不到了。我不确定，你也可以在百度下申请）。

阿里云可以再次免费申请证书。在阿里云注册域名后，控制台-域名-域名列表。

两个条件准备好之后，我们就开始搭建微信小程序的服务器环境。

1.设置远程连接服务器（浏览器操作太别扭），控制台找到自己的轻量级应用服务器并设置远程连接密码。

设置密码

如果不安装纯centos环境，安装在阿里云中的软件不太好用，可以重置系统。

用ssh工具连接服务器，安装需要的环境:（node.js、nginx、mysql5.7）。

I。安装node.js并创建一个新目录www mkdir /www cd /www。

下载nodejs wget https://NPM . Taobao . org/mirrors/node/v 8 . 2 . 1/node -v 8 . 2 . 1-Linux -x64 . tar . xz

解压tar -xvfnode -v 8 . 2 . 1-Linux -x64 . tar . xz。

测试安装是否成功，进入解压目录下的bin目录，执行ls命令CD node -v 8 . 2 . 1-Linux -x64/Bin & LS。节点和npm测试可用。/node -v安装成功，现在node和npm无法全局使用。创建一个链接ln -s/www/node -v 8 . 2 . 1-Linux -x64/bin/node/usr/local/bin/node ln -s/www/node -v 8 . 2 . 1-Linux -x64/bin/NPM/usr/local/bin/。

第二，安装nginx

Node.js是一个单一进程。我们可以通过打开更多的Node.js并与Nginx合作来平衡多进程Node.js的负载，也可以通过Nginx直接代理一些静态文件来提高性能。第一步是安装Nginx。通过SSH连接云服务器，直接使用包管理工具yum安装Nginx: yum -y install nginx安装完成后会显示Complete！，您可以通过以下命令检查Nginx是否成功安装:Nginx -V。

第三，安装mysql5.7

1.配置YUM源

#下载mysql源安装包wget http://dev . MySQL . com/get/MySQL 57-community -release -el7-8 . no arch . rpm

#安装mysql源码Yum本地安装MySQL 57-社区-发行版-El7-8.noarch.rpm。

检查mysql源是否成功安装Yum Repo List Enabled | grep“MySQL。* -社区。*"

2.安装MySQL Yum安装MySQL -社区-服务器。

3.启动MySQL服务systemctl启动mysqld。

检查MySQL shell的启动状态》systemctl status mysqld

4.启动系统CTL启用Myqld系统CTL守护进程-重新加载。

5.修改根本地登录密码。安装mysql后，会在/var/log/mysqld.log文件中为root用户生成一个默认密码。通过以下方式找到root默认密码，然后登录mysql进行修改:grep临时密码’/var/log/mysqld . log。

登录并修改默认密码MySQL -u root -p。

MySQL》更改由“新密码”标识的用户“root”@“localhost”；

创建一个名为auth的新数据库，排序规则为utf8mb4_unicode_ci。MySQL》Create Database If Not Exists小程序后台使用auth，排序规则为默认Charset utf 8 MB 4 collate utf 8 MB 4 _ unicode _ ci；

服务器使用的工具软件已经安装。让我们导入ssl证书并测试nginx。

新/数据/发布/nginx

使用sftp软件（FileZilla）连接到服务器，并将ssl证书放在/data/release/nginx目录中。

上传后在服务器上查询

上传证书后，您可以开始配置Nginx，进入服务器的/etc/nginx/conf.d目录，创建一个新的weapp.conf文件，将文件复制到本地区域，打开编辑，并编写以下配置（请将配置wx.ijason.cc更改为您自己的域名，包括证书文件）:

上游app_weapp {服务器本地主机:5757；keepalive 8；} server { listen 80服务器名www.yudingfan.com；重写^(.*）$ https://$ server _ name $ 1 permanent；} server { listen 443服务器名www.yudingfan.com；ssl打开；SSL _ certificate/data/release/nginx/1 _ www . yudingfan . com _ bundle . CRT；SSL _ certificate _ key/data/release/nginx/2 _ www . yudingfan . com . key；ssl _ session _ timeout 5mSSL _ protocols TLS v1 TLS v1.1 TLS v1.2；SSL _ ciphers ECD he-RSA -AES 256-GCM -SHA 384:ECD he-RSA -AES 128-GCM -SHA 256:dhe -RSA -AES 256-GCM -SHA 384:ECD he-RSA -AES 256-SHA 384:ECD he-RSA -AES 128-SHA 256:ECD he-RSA -AES 256-SHA:ECD he-RSA -AES -SSL _ session _ cache shared:SSL:50m；ssl _ prefer _ server _ ciphers onlocation/{ proxy _ pass http://app _ we app；proxy _ http _版本1.1；proxy _ set _ header Upgrade $ http _ Upgrade；proxy_set_header连接“升级”；proxy _ set _ header Host $ hostproxy _ cache _ bypass $ http _ upgrade；}}

修改后将该文件上传到服务器，然后在ssh中输入:

nginx -t

如果显示以下信息，则配置成功:

配置成功后，输入nginx回车启动Nginx。

如果您访问http:// your domain name /weapp/a，它会自动跳转到HTTPS并显示502 Bad Gateway，这意味着配置成功:

如果不成功，使用netstat -ntpl检查是否启动了nginx的https侦听（端口443）。

至此，服务器环境已经完全设置好了。

登录小程序官网，注册账号，获取AppID（小程序ID）和AppSecret（小程序密钥），配置服务器域名。域名只能在备案后填写。所有的备案操作都可以在阿里云线上进行，大约需要1周时间。

下载小程序开发工具，

下载演示源代码:链接:https://pan.baidu.com/s/1i6I831z密码:knsw

使用开发工具打开演示源代码。

在服务器中编辑config.js（首先在服务器上创建目录/data/release/weapp，这是下面的rootPathname）。

const conf = { port:‘5757‘，root pathname:‘‘，//data/release/weapp//微信小程序App ID appId:‘‘，//微信小程序App Secret App Secret:‘，//是否使用腾讯云代理登录小程序useQcloudLogin: true，//可以直接使用微信登录小程序/* * MySQL配置，用于存储会话和用户信息*如果使用腾讯云微信小程序解决方案*在开发环境中，MySQL的初始密码是您的微信小程序appId */MySQL:{ host:‘云数据库内网 db:‘cAuth’，pass:‘云数据库密码’，char:‘utf8mb 4’}，Cos: {/* *地区*华北:CN-北*华东:CN-东*华南:CN-南*西南:CN-西南*新加坡:SG * @ see https://cloud.tencent.com/document/product/436/6224 */地区:‘CN-南’，//存储桶名称file存储桶:‘qcloudtest’，//文件夹上传文件夹:‘‘}，//微信登录状态对wxLoginExpires有效:7200，//其他配置 ...server host:‘您的域名‘，tunnelserverurl:‘http://tunnel . ws . q Cloud . la‘，tunnelsignaturekey:‘27 FB 7d 1 c 161 b 7 ca 52d 73 CCE 0 f1 d 833 f 9 F5 b 5 EC 89‘，//您可以注册一个腾讯云帐户并获得它。可以在云API密钥控制台中查看腾讯云的相关配置:https://console.cloud.tencent.com/capi qcloudappid:“您的腾讯云appid”，qcloudsecredid:“您的腾讯云SecretId”，QCloudRetrkey:“您的腾讯qcloudSecretKey”，wxMessageToken:“weiximsgtoken”，NetworkTimeout: 30000}模块。Exports = conf

红色单引号都是必填项。修改服务器后，修改客户端中的主机:“您申请的域名”

完成所有配置后，您需要将服务器端代码上传到服务器上的/data/release/weapp目录。

上传服务器代码后，在cd /data/release/weapp下下载。

代码传输后，执行以下操作:

输入以下命令将npm源切换到淘宝映像以防止官方映像下载失败:

npm配置集注册表https://registry.npm.taobao.org

使用npm安装全局依赖项

npm安装-g pm2

然后安装本地依赖项:npm install。

然后在演示代码中使用tools/initdb.js工具初始化数据库:nodetools/initdb.js。

如果初始化成功，会提示“数据库初始化成功！”然后执行以下代码启动node.jsnodeapp.js。

成功完成上述操作后，您已经在自己的服务器上完成了Wafer Demo的部署。如果直接访问http://your domain name/weapp/log in，会提示:{“code”:-1，“error“:“err _ header _ missed“}，表示配置成功。现在您可以使用开发人员工具进行调试了！

最后，单击测试登录界面并在小程序开发工具上请求登录状态，如下所示:

正确的操作如下:

在这里你可以开发自己的小程序。

还有，学习小程序的时候最好有一本书。现在与小程序相关的书籍内容差别不大，主要是因为它们是新的。这位博主发现了一本2018年1月初出版的关于JD.COM的新书，并向所有人推荐了这本书。也许每个人都不喜欢阅读和学习，但我仍然认为有一本书可以通过一个过程学习，书中的内容可以在网上找到，但整理一本书的过程仍然相当不错。先学什么？

这几篇文章你可能也喜欢：

• 详细讲解微信小程序开发环境(阿里云服务搭建+可运行演示)(微信小程序云开发)

本文由主机参考刊发，转载请注明：详细讲解微信小程序的开发环境(阿里云服务搭建+运营演示)(微信小程序调用阿里云服务器)。 https://zhujicankao.com/113861.html