搭建微信小程序的调试环境（+node.js基础）

菏泽炫佑科技 菏泽炫佑小程序开发 菏泽炫佑app制作 炫佑科技

搭建微信小程序的调试环境（+node.js基础）

微信小程序*近非常流行，很多人都在了解它。 下面我搭建一个微信小程序（+）的调试环境搭建微信小程序的调试环境（+node.js基础），调试一套demo源码（基于node.js）。 微信推荐的语言，没有前端编程基础，去菜鸟教程简单学习node.js或者mysql），方便大家学习。

搭建微信小程序环境需要两点：云服务器和域名。 下面分步演示如何在阿里云服务器上搭建微信小程序服务器环境。

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

1、云服务器准备：可以在阿里云上购买轻量级应用服务器或者ECS服务器

云服务器ECS官方教程

云服务器促销

系统镜像选择当前使用的免费Linux系统。 基本上是一样的。 首次购买可以享受比较大的折扣。 您可以根据自己的需要购买。

如需分发微信小程序，可直接购买阿里巴巴自营移动分发商城（含小程序商城）

2、域名准备：也可以购买阿里云服务器。 您可以随意购买任意后缀的*便宜的域名。

购买域名后，将域名解析添加到之前购买的服务器的IP地址上，然后需要申请SSL证书（博主实际上是在阿里云上免费申请的，不过好像可以'现在没找到，不太确定，也可以在百度上申请第三方证书。）

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

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

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

设置密码

如果你安装的不是纯净环境，阿里云安装的软件用处不大，可以重置系统。

使用ssh工具连接服务器并安装所需环境：（node.js、nginx、.7）

1.安装node.js

新建目录www

mkdir /www

光盘/www

下载

获取

解压

tar -xvf 节点-v8.2.1-linux-x64.tar.xz

测试是否安装成功

进入解压目录下的bin目录，执行ls命令

cd node-v8.2.1-linux-x64/bin && ls

有node和npm

测试

./节点-v

安装成功

现在node和npm不能全局使用。 建立一个链接。

ln -s /www/node-v8.2.1-linux-x64/bin/node /usr/local/bin/node

ln -s /www/node-v8.2.1-linux-x64/bin/npm /usr/local/bin/npm

现已全球发售

2.安装nginx

Node.js 是单个进程。 我们可以通过开启多个Node.js并配合Nginx来实现多进程Node.js负载均衡。 我们还可以通过Nginx直接代理一些静态文件，以提高性能。 **步是安装 Nginx。

通过SSH连接云服务器，直接使用包管理工具yum安装Nginx：

yum -y nginx

安装完成后！ 将显示。 可以通过以下命令检查Nginx是否安装成功：

nginx -v

3. 安装7

1.配置YUM源

# 下载mysql源码安装包

获取

# 安装mysql源

百胜 ---el7-8..rpm

检查mysql源是否安装成功

嗯| grep "mysql.*-.*"

2.安装MySQL

百胜 mysql--

3.启动MySQL服务

开始

查看MySQL的启动状态

外壳>

4. 启动

-

5.修改root本地登录密码

mysql安装完成后，会在/var/log/.log文件中生成root的默认密码。 通过以下方式找到root默认密码，然后登录mysql进行修改：

grep ' ' /var/log/.log

登录并更改默认密码

mysql -u 根 -p

mysql>ALTER USER 'root'@'' BY '新密码！';

新建数据库，命名为cAuth，排序规则为，小程序后台使用

mysql> IF NOT cAuth，排序规则为；

服务器使用的工具软件已安装。 现在导入ssl证书并测试nginx。

创建新的/data//nginx

使用sftp软件()连接服务器并将ssl证书放在/data//nginx目录下

上传后在服务器上查询

上传证书后，就可以开始配置Nginx了，进入服务器的/etc/nginx/conf.d目录，新建weapp.conf文件，将文件复制到本地，打开编辑，写入以下内容配置（请将配置修改为您自己的域名，包括证书文件）：

upstream app_weapp {    server localhost:5757;    keepalive 8;
}server {    listen      80;    server_name www.yudingfan.com;    rewrite ^(.*)$ https://$server_name$1 permanent;
}server {    listen      443;    server_name www.yudingfan.com;    ssl on;    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       5m;    ssl_protocols             TLSv1 TLSv1.1 TLSv1.2;    ssl_ciphers               ECDHE-RSA-AES256-GCM-SHA384:ECDHE-RSA-AES128-GCM-SHA256:DHE-RSA-AES256-GCM-SHA384:ECDHE-RSA-AES256-SHA384:ECDHE-RSA-AES128-SHA256:ECDHE-RSA-AES256-SHA:ECDHE-RSA-AES128-SHA:DHE-RSA-AES256-SHA:DHE-RSA-AES128-SHA;    ssl_session_cache         shared:SSL:50m;    ssl_prefer_server_ciphers on;    location / {        proxy_pass http://app_weapp;        proxy_http_version 1.1;        proxy_set_header Upgrade $http_upgrade;        proxy_set_header Connection 'upgrade';        proxy_set_header Host $host;        proxy_cache_bypass $http_upgrade;
    }
}

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

nginx -t

如果显示以下信息，则说明配置成功：

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

如果访问你的域名/weapp/a会自动跳转到HTTPS并显示502 Bad，则说明配置成功：

如果不成功，使用-ntpl检查nginx的https监控是否启动（443端口）

至此，服务器环境已经完全搭建完成。

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

下载小程序开发工具，

下载demo源码：链接： 密码：knsw

使用开发工具打开demo源码。

正在编辑的.js（首先在服务器上创建目录/data//weapp，就是下面这个）

const CONF = {
    port: '5757',
    rootPathname: '',    // /data/release/weapp    // 微信小程序 App ID
    appId: '',		
    // 微信小程序 App Secret
    appSecret: '',    // 是否使用腾讯云代理登录小程序
    useQcloudLogin: true,               // 可直接使用微信登陆小程序    /**
     * MySQL 配置，用来存储 session 和用户信息
     * 若使用了腾讯云微信小程序解决方案
     * 开发环境下，MySQL 的初始密码为您的微信小程序 appid
     */
    mysql: {
        host: '云数据库内网IP',
        port: 3306,
        user: 'root',
        db: 'cAuth',
        pass: '云数据库密码',        char: 'utf8mb4'
    },
    cos: {        /**
         * 区域
         * 华北：cn-north
         * 华东：cn-east
         * 华南：cn-south
         * 西南：cn-southwest
         * 新加坡：sg
         * @see https://cloud.tencent.com/document/product/436/6224
         */
        region: 'cn-south',        // Bucket 名称
        fileBucket: 'qcloudtest',        // 文件夹
        uploadFolder: ''
    },    // 微信登录态有效期
    wxLoginExpires: 7200,    // 其他配置 ...
    serverHost: '你的域名',
    tunnelServerUrl: 'http://tunnel.ws.qcloud.la',
    tunnelSignatureKey: '27fb7d1c161b7ca52d73cce0f1d833f9f5b5ec89',
      // 可以注册一个腾讯云账号，获取一下配置。腾讯云相关配置可以查看云 API 秘钥控制台：https://console.cloud.tencent.com/capi
    qcloudAppId: '你的腾讯云 AppID',
    qcloudSecretId: '你的腾讯云 SecretId',
    qcloudSecretKey: '你的腾讯云 SecretKey',
    wxMessageToken: 'weixinmsgtoken',
    networkTimeout: 30000}module.exports = CONF

红色单引号都是必需的。 修改后修改host如下：“您申请的域名”

一切配置完成后，您现在需要将终端代码上传到服务器上的 /data//weapp 目录。

代码上传后，cd /data//weapp

传递代码后，执行以下操作：

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

npm 设置

使用 npm 安装全局依赖项

npm -g pm2

然后安装本地依赖：

新项目管理

然后使用Demo代码中的tools/.js工具来初始化数据库：

节点工具/.js

如果初始化成功，会提示“数据库初始化成功！”

然后执行以下代码启动Node.js

节点应用程序.js

成功完成以上操作后，Wafer Demo在自己服务器上的部署就完成了。 直接访问你的域名/weapp/login，会提示：

{“代码”：-1，“错误”：“”}

则说明配置成功。 现在您可以使用开发工具进行联调和测试了！

*后点击小程序开发工具测试登录界面，请求登录状态如下：

正确的操作如下：

此时就可以开发自己的小程序了

另外开发搭建微信小程序，学习小程序时，*好有一本书。 现在小程序相关的书籍内容差别不大。 *主要的是要新。 博主在京东找到了一篇2018年1月初发布的，比较新的文章。 我向大家推荐这本书。 也许大家都不喜欢看书学习，但我还是觉得这本书可以提供一个学习的过程。 书中的内容可以在网上找到，但是整理成书的过程还是相当不错的。 ，先学什么，后学什么。

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

炫佑科技专注互联网开发小程序开发-app开发-软件开发-网站制作等