美文网首页JavaScript 进阶营微信小程序开发
前端开发从0到1玩转小程序之服务器配置篇

前端开发从0到1玩转小程序之服务器配置篇

作者: 傻瓜也是瓜_ | 来源:发表于2018-11-19 22:30 被阅读4次

    小程序在今年可以说是异常火爆,商机无限,很多开发者靠打造爆款小程序,直接实现财务自由,作为一名有追求的前端开发,如何从0到1搭建一款小程序呢,我会分两篇来介绍小程序从0到1的一个开发过程,分别是服务器配置篇与代码编写篇,最终会以一个笑话类的demo来展示

    体验demo


    image

    服务器&域名准备

    • 去阿里云或者腾讯云根据自己的经济能力选购一款云服务器
    • 一般选择最低配置就可以了,基本上可以满足个人所有需求
    • 操作系统选择CentOS7.2 64位
    • 我自己购买的是2核4GB的配置,宽带选择的是2MB,500以内
      的并发基本没问题,再往上宽带就跟不上了。
    • 购买一个自己喜欢的域名,并马上备案,小程序只支持备案过的域名,备案步骤根据域名供应商来,很简单

    环境安装

    • 通过源代码方式安装nodejs与npm
      • 进入usr/local/src/ 目录下面

        cd ../usr/local/src/
      • 下载源代码压缩包

        wget https://nodejs.org/dist/v10.13.0/node-v10.13.0.tar.gz
      • 下载完毕后解压压缩包

        tar -xvf node-v10.13.0.tar.gz
      • 删除压缩包修改nodejs文件夹名

        rm node-v10.13.0.tar.gz //删除压缩包

        mv node-v10.13.0 nodejs //修改文件名
      • 回到根目录,建立软连接,把node与npm命令变为全局指令

        ln -s usr/local/src/nodejs/bin/npm /usr/local/bin/

        ln -s usr/local/src/nodejs/bin/node /usr/local/bin/
    • 通过npm全局安装pm2,同样的方式建立软连接
      • 安装pm2

        npm i pm2 -g
      • 建立pm2软连接

        ln -s usr/local/src/nodejs/bin/pm2 /usr/local/bin/

    https证书

    • 申请证书,腾讯云与阿里云都有免费的证书可以申请(我申请的是腾讯云的)
      • 进入控制台 》 证书管理 》 申请证书 》 填写资料 》 等待审核通过
      • 下载证书, 放入项目根目录,我用到的是Nginx目录证书,证书目录为:
        * Apache
          * 1_root_bundle.crt
          * 2_xxxx.xyz.crt
          * 3_xxxx.xyz.key
        * IIS
          * xxxx.xyz.pfx
          * keystorePass.txt
        * Nginx
          * 1_xxxx.xyz_bundle.crt
          * 2_xxxx.xyz.key
        * Tomcat
          * xxxx.xyz.jks
          * keystorePass.txt
        * xxxx.xyz.csr
      

    启动服务,可以通过https方式请求

    • 不废话,直接上代码
        const express = require('express')
        const https = require('https')
        const fs = require('fs')
        
        const app = express()
        const httpsServer = https.createServer({
            key: fs.readFileSync('./keys/Nginx/2_jksh.xyz.key', 'utf8'), 
            cert: fs.readFileSync('./keys/Nginx/1_jksh.xyz_bundle.crt', 'utf8')
        }, app)
        
        app.get('/', (req, res) => res.send('Hello World!'))
        
        //启动https服务,443端口为https默认端口,与80端口类似
        httpsServer.listen(443, () => {
            console.log("https服务启动成功")
        })
      
      • 启动服务,在浏览器地址栏输入:https://127.0.0.1 来访问

    域名解析,通过域名访问

    • 进入域名商控制台域名管理,给购买的域名添加解析,绑定服务器ip
    • 解析成功后,就可以通关域名直接访问了

    我写的比较精简,不知道有没有讲清楚,欢迎大家一起交流

    相关文章

      网友评论

        本文标题:前端开发从0到1玩转小程序之服务器配置篇

        本文链接:https://www.haomeiwen.com/subject/djszfqtx.html