微信小程序> 微信小程序开发软件,微信小程序开发环境阿里云服务搭建+可运行的demo

微信小程序开发软件,微信小程序开发环境阿里云服务搭建+可运行的demo

浏览量:4954 时间: 来源:北风萧萧
最近微信小程序异常火爆,很多人在学习,下面带着大家搭建下微信小程序的调试环境(client+server),并调试一套demo源码(JavaScript和node.js基础即可,微信推荐使用的语言,无前端编程基础,去简单学习下JavaScript,node.js,mysql即可),方便大家学习。
微信小程序搭建环境必需的两点:云服务器,域名,下面一步步给搭建演示如果在一台阿里云服务器上搭建微信小程序服务端环境。
1、云服务器准备:可在阿里云购买轻量应用服务器或者ECS服务器

系统镜像选择CentOS目前用的比较多的免费Linux系统,和ubuntu基本一样,首次购买可享受比较大的优惠,可以根据自己需要购买
如果是需要做微信小程序分销的可以直接购买(包含小程序商城)
2、域名准备:阿里云服务器也可购买,这个可以随意购买个最便宜的随意后缀的域名

域名购买后,添加域名解析到前面购买的服务器IP地址上,然后需要申请ssl证书(博主实在阿里云上免费申请的,但是好像现在找不到了,不确定,大家也可以百度下第三方申请)
阿里云又可以免费申请证书了,在阿里云注册域名以后,控制台-域名-域名列表


两个条件准备好以后我们下面开始搭建微信小程序的服务器环境。
1、设置远程连接服务器(浏览器操作太别扭),控制台找到自己的轻量应用服务器,并设置远程连接密码

设置密码

如果大家安装的不是纯净的centos环境,阿里云配套安装的软件不是很好用,可以重置系统

使用ssh工具连接服务器,安装需要的环境:(node.js、nginx、mysql5.7)
一、安装node.js新建目录wwwmkdir/wwwcd/www
下载nodejswgethttps://npm.taobao.org/mirrors/node/v8.2.1/node-v8.2.1-linux-x64.tar.xz
解压tar-xvfnode-v8.2.1-linux-x64.tar.xz
测试是否安装成功进入解压目录下的bin目录,执行ls命令cdnode-v8.2.1-linux-x64/bin&&ls有node和npm测试./node-v安装成功现在node和npm还不能全局使用,做个链接ln-s/www/node-v8.2.1-linux-x64/bin/node/usr/local/bin/nodeln-s/www/node-v8.2.1-linux-x64/bin/npm/usr/local/bin/npm现在可以全局使用了

二、安装nginx
Node.js是单进程的,我们可以通过多开Node.js并配合Nginx来实现多进程Node.js负载均衡,并且一些静态文件我们也可以直接通过Nginx代理,提高性能。其中第一步就是安装Nginx。通过SSH连接上云服务器,直接使用包管理工具yum安装Nginx即可:yum-yinstallnginx安装完成之后会显示Complete!,可以通过如下命令检查Nginx是否安装成功:nginx-v

三、安装mysql5.7
1、配置YUM源
#下载mysql源安装包wgethttp://dev.mysql.com/get/mysql57-community-release-el7-8.noarch.rpm
#安装mysql源yumlocalinstallmysql57-community-release-el7-8.noarch.rpm
检查mysql源是否安装成功yumrepolistenabled|grep"mysql.-community."

2、安装MySQLyuminstallmysql-community-server
3、启动MySQL服务systemctlstartmysqld
查看MySQL的启动状态shellsystemctlstatusmysqld

4、开机启动systemctlenablemysqldsystemctldaemon-reload
5、修改root本地登录密码mysql安装完成之后,在/var/log/mysqld.log文件中给root生成了一个默认密码。通过下面的方式找到root默认密码,然后登录mysql进行修改:grep'temporarypassword'/var/log/mysqld.log
登陆并修改默认密码mysql-uroot-p
mysqlALTERUSER'root'@'localhost'IDENTIFIEDBY'新密码!';
新建一个数据库名为cAuth,排序规则为utf8mb4_unicode_ci,小程序后台用到mysqlCREATEDATABASEIFNOTEXISTScAuth,排序规则为DEFAULTCHARSETutf8mb4COLLATEutf8mb4_unicode_ci;

服务端使用的工具软件已经安装好了,下面导入ssl证书,测试下nginx,
新建/data/release/nginx
使用sftp软件(FileZilla)连接服务器,把ssl证书放到/data/release/nginx目录下

上传后服务器上查询

上传完证书以后,可以开始配置Nginx,进入服务器的/etc/nginx/conf.d目录,新建一个weapp.conf文件,将文件拷贝到本地,打开编辑,写入如下配置(请将配置里wx.ijason.cc修改为你自己的域名,包括证书文件):
upstreamapp_weapp{serverlocalhost:5757;keepalive8;}server{listen80;server_namewww.yudingfan.com;rewrite^(.)$https://$server_name$1permanent;}server{listen443;server_namewww.yudingfan.com;sslon;ssl_certificate/data/release/nginx/1_www.yudingfan.com_bundle.crt;ssl_certificate_key/data/release/nginx/2_www.yudingfan.com.key;ssl_session_timeout5m;ssl_protocolsTLSv1TLSv1.1TLSv1.2;ssl_ciphersECDHE-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_cacheshared:SSL:50m;ssl_prefer_server_cipherson;location/{proxy_passhttp://app_weapp;proxy_http_version1.1;proxy_set_headerUpgrade$http_upgrade;proxy_set_headerConnection'upgrade';proxy_set_headerHost$host;proxy_cache_bypass$http_upgrade;}}

修改完将这个文件上传到服务器上,然后在ssh中输入:
nginx-t
如果显示如下信息,则配置成功:

配置成功之后,输入nginx回车,即可启动Nginx。
如果访问http://你的域名/weapp/a会自动跳转到HTTPS上,并显示502BadGateway,则表示配置成功:

如果没有成功,使用netstat-ntpl查看下nginx的https监听是否启动(443端口)

至此,服务端的环境已经完全搭建好了
登陆,注册账号,获取AppID(小程序ID),AppSecret(小程序密钥),配置服务器域名,域名需要备案后才能填写,备案全部操作可以在阿里云网上进行,大概1周左右

下载,
下载demo源码:链接:https://pan.baidu.com/s/1i6I831z密码:knsw
使用开发工具打开demo源码。

编辑server中的config.js(先在服务器上创建一下目录/data/release/weapp,也就是下面的rootPathname)
constCONF={port:'5757',rootPathname:'',///data/release/weapp//微信小程序AppIDappId:'',//微信小程序AppSecretappSecret:'',//是否使用腾讯云代理登录小程序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@seehttps://cloud.tencent.com/document/product/436/6224/region:'cn-south',//Bucket名称fileBucket:'qcloudtest',//文件夹uploadFolder:''},//微信登录态有效期wxLoginExpires:7200,//其他配置...serverHost:'你的域名',tunnelServerUrl:'http://tunnel.ws.qclou

版权声明

即速应用倡导尊重与保护知识产权。如发现本站文章存在版权问题,烦请提供版权疑问、身份证明、版权证明、联系方式等发邮件至197452366@qq.com ,我们将及时处理。本站文章仅作分享交流用途,作者观点不等同于即速应用观点。用户与作者的任何交易与本站无关,请知悉。

  • 头条
  • 搜狐
  • 微博
  • 百家
  • 一点资讯
  • 知乎