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

本站:VPS参考评测推荐,专注分享VPS服务器优惠信息!若您是商家也可以在本站进行投稿,查看详情!此外我们还提供软文收录、PayPal代付、广告赞助等服务,查看详情!
部分文章发布时间较久远,可能存在未知因素,购买时建议在本站搜索商家名称,可查看相关文章充分了解商家!若非中文页面可使用谷歌浏览器同步翻译!PayPal代付/收录合作

最近微信小程序异常火爆,很多人都在学。我们先为微信小程序搭建一个调试环境(客户端+主机),调试一套演示源代码(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://本站.com/78767.html

推荐站内搜索:国外网站空间、asp.net空间、cm域名、香港服务器购买、icp备案查询网、主机优惠码、域名查询网、免费全能空间申请、国内代理ip、vps动态ip服务器、