超详细域名备案+阿里云服务器配置+小程序开发(简略)+前后端分离(简略)

avatar
作者
筋斗云
阅读量:15

文章目录

前言

由于本校举办了一个小程序/网站的开发大赛,抱着体验一下的心态就参与其中了,而本文是用来介绍如何将阿里云服务器与小程序衔接起来;

本人好久之前花了几块钱购买了一个一年的阿里云服务器,还差3个月过期了,之前从来没用过,没想到能派上用场;

ps:由于云服务器过期了,很多东西没办法展示,本来想写的更加详细,更优质,但是由于个人拖延症以及种种原因,写的比我自己设想的少了很多内容。

此文也是想和大家分享一些知识,也十分感谢前人所栽之树,虽然质量参差不齐,但终归还是能通过多篇文章参考实现自己想要的,故自己也想栽一颗较好的树。

一、试水环节(配置阿里云服务器环境)

一开始我是按照阿里云服务器的这个微信小程序的新手教程学习,如图:

在这里插入图片描述

主要为以下几个步骤:

在这里插入图片描述

但是在部署Nginx并配置HTTPS的时候发现会有一些bug,尝试解决了很久后还是没办法。

但是其实后面发现并不需要如此麻烦,只需要去宝塔面板配置环境,很多都是可视化操作,易于新手去学习,不过需要在阿里云服务器中重置系统(这个可以直接搜关键词:如何重置阿里云系统)

如图所示:

可以直接在软件商店搜索自己想安装的比如mysql,nginx,redis等,这里还能指定版本,要是你还是想自己用命令行安装,比如说node.js也可以去终端那里自行安装。

在这里插入图片描述

配好服务器所需的东西后,接下来就是配置域名等工作。

在第一步的第三小问就发现了值得关注的关键词:“已备案域名”:

在这里插入图片描述

没错,这个域名是需要购买的并且去备案的,这个在后续的开发中所必须用到的;

二、购买域名及备案

首先为什么说备案域名是必须用到呢?

理由如下:

我们此次设计的小程序需要前后端交互,需要访问数据库,wx.request方法来对指定的URL地址请求数据,其中这个URL地址必须通过备案,所以我们需要对自己的云服务器备案,这个审批流程还是比较久的,要10天左右,使得微信小程序能够正常访问数据库。

但是要想用,不能只用云服务器的ip地址,还需要一个域名并且去备案。

具体就是说微信开发平台目前是不允许如下情况:

url:‘:8080/user/login’

而是要用如下形式:

url:‘:8080/user/login’

故域名备案是必须的。

1.购买域名

这个很简单,我直接在阿里云里面买了一个便宜的自定义的域名xxx.top,一年9元;

在这里插入图片描述

2.域名备案

买好域名后,对于个人来说,有我觉得最简单的方法就是去阿里云的APP里面找到ICP备案,然后跟着其流程走,如下:

第一步就是拍自己身份证的正反面,保证字体清晰即可。

在这里插入图片描述

第二步就是人脸识别,确认你是你,这里有个重点,要背景为白色,这个很好解决,在家里或者哪里找个白色的墙体作为背景就好。

在这里插入图片描述

在这里插入图片描述

第三步就是填域名和自己服务器的一些相关信息,比如说自己域名是啥,是啥云服务,我这里是ECS,后面这些信息不难填就不说了。

在这里插入图片描述

其中有个比较麻烦的是需要打印一个互联网信息服务备案承诺书(个人),还要按手指印,当时在家里,没有那些按手指印的东西,我就直接一只红笔的墨水全部搞在一张纸上面,然后染上去按手指印,没想到这样也能过审批。

如图:

在这里插入图片描述

上传完后,也可以查询自己的进度,阿里云初审是很快的,最终的管局审核比较久,花了7天左右才审核好。

在这里插入图片描述

3.域名解析

备案完后,备案好就可以进行域名解析,解析之后外网就可以通过域名访问我们的服务器;

域名解析也很容易,在阿里云控制台搜域名解析服务:

在这里插入图片描述

添加域名解析到前面购买的服务器IP地址上,然后申请ssl证书。

4.白嫖SSL证书

在阿里云控制台直接搜索 SSL,进入如下界面,申请免费的那款就可以了。

在这里插入图片描述

这个步骤其实也有很多要做的:我这里推荐一个官方的教程,我当时也是搜了很多网友的教程才搞好。

官方教程:

5.在网站上链接备案号

广告一刻

为您即时展示最新活动产品广告消息,让您随时掌握产品活动新动态!