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

最近微信小程序异常火爆，很多人都在学。我们先为微信小程序搭建一个调试环境(客户端+服务器)，调试一套演示源代码(JavaScript和node.js基础还好，微信推荐的语言没有前端编程基础，可以去菜鸟教程，简单学习JavaScript、node.js和mysql)方便你使用。

微信小程序搭建环境需要两点:云服务器和域名。这是一步一步的演示。如果在阿里云服务器上搭建微信小程序服务器环境。

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

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

云ECS官方使用教程

服务器报价

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

如需做微信小程序分发，可直接购买阿里自营移动分发商城(含小程序商城)。

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

购买域名后，添加域名并解析为之前购买的服务器的IP地址，然后需要申请ssl证书。(博主确实在阿里云上免费申请了，但是现在好像找不到了。我不确定。也可以从百度下的第三方申请。)

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

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

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

设置密码

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

使用ssh工具连接到服务器并安装所需的环境:(node.js、nginx、mysql5.7)

一、安装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 ；有lsnode和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-community -release -el7-8 . no arch . rpm。

检查mysql源代码是否成功安装yum repolist enabled | grep " mysql。* -社区。*

2.安装MySQL yum安装MySQL -社区-服务器

3.启动MySQL服务系统ctl启动mysqld

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

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

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

并登录修改默认密码mysql-urout-p。

mysql gt改变用户 # 39；根 # 39；@'本地主机 # 39；由 # 39；新密码！'；

新建一个名为cAuth的数据库，排序规则为utf8mb4_unicode_ci，小程序后台使用MySQL >:创建数据库如果不存在cAuth，排序规则为默认charset utf8mb 4 collate utf8mb 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永久；} server { listen 443服务器名www.yudingfan.com；ssl打开；SSL _ certificate/data/release/nginx/1 _ www . yuding fan . com _ bundle . CRT；SSL _ certificate _ key/data/release/nginx/2 _ www . yuding fan . 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 256-SHA:ECD he -RSA -RSA -AES 3ssl_session_cache共享:SSL:50m；ssl _ prefer _ server _ ciphers onlocation/{ proxy _ pass http://app _ weapp；proxy _ http _ version 1.1proxy _ set _ header Upgrade $ http _ Upgrade；proxy_set_header连接 # 39；升级 # 39；；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)

康斯特CONF = { port: # 39；5757'，根路径名: # 39；'，// /data/release/weapp //微信小程序App ID appId: # 39；'，//微信小程序App Secret App Secret: # 39；'、//是否使用腾讯云代理登录小程序useQcloudLogin: true、//可以直接使用微信登录小程序/** * MySQL配置，用于存储会话和用户信息*如果在开发环境中使用腾讯云微信小程序解决方案* MySQL的初始密码是你的微信小程序appid */MySQL:{ host: # 39；云内网IP # 39，端口:3306，用户: # 39；根 # 39；，db: # 39；考斯 # 39；，通过: # 39；云数据库密码 # 39；，char: # 39；utf8mb4 # 39}、Cos: {/** *地区*华北:cn-北*华东:cn-东*华南:cn-南*西南:cn-西南*新加坡:SG * @见https://cloud.tencent.com/document/product/436/6224 */地区: # 39；cn-南 # 39；，//桶名file Bucket: # 39；qcloudtest # 39，//文件夹上传文件夹: # 39；'}，//微信登录状态对wxLoginExpires: 7200，//其他配置有效...服务器主机: # 39；你的域名 # 39；，tunnelServerUrl: # 39；http://tunnel . ws . q cloud . la # 39；，tunnelSignatureKey: # 39；27 FB 7 D1 c 161 b 7 ca 52d 73 CCE 0 f1 d 833 f 9 F5 b 5 EC 89 # 39；//可以注册一个腾讯云账号，获取配置。腾讯云相关配置请查看云API密匙控制台:https://console.cloud.tencent.com/capi QCloudAppID: # 39；你的腾讯云AppID # 39，qcloudSecretId: # 39；你的腾讯云秘笈 # 39；，qcloudSecretKey: # 39；你的腾讯云秘笈 # 39；，wxMessageToken: # 39；weixinmsgtoken # 39，网络超时:30000}module.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://你的域名/weapp/login会提示:{ 代码 :-1， 错误 : ERR _ HEADER _ MISSED }表示配置成功。现在您可以使用开发人员工具进行调试了！

最后，点击测试登录界面，在applet开发工具上请求登录状态如下:

正确的操作如下:

此时，您可以开发自己的小程序

就是学习小程序的时候，最好有一本书。现在小程序相关的书籍内容差别不大，主要是需要新。博主发现这本书是2018年1月初在JD.COM上出版的，有一本比较新的书推荐给大家。可能大家都不喜欢读书学习，但是还是觉得有一本书可以有一个学习的过程，书的内容可以在网上找，但是整理一本书的过程还是挺好的。先学什么？

这就是微信小程序开发环境的详细内容(阿里云服务搭建+可运行演示)。请多关注主机参考其他相关文章！

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

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

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