60分钟6节课教你从零基础搭建一个完整的小程序

大家好,今天我们来开始《60分钟教你:从零基础搭建一个完整的小程序》,总共六节课,请耐心看完。

在搭建小程序之前,我们首先要注册一个小程序账号,并了解小程序后台的基本知识及操作。在上一节课中我们提到,小程序的主体有个人版和企业版,个人版注册及功能都非常简单,因此为了以后的学习方便,在今后的课程中我们都是以企业版小程序为例。接下来我们就来教大家如何注册一个小程序账号。我们先来看看需要准备些什么?

第一课:两种方法教你如何注册小程序账号

一、小程序注册前的准备

在小程序注册过程中我们会用到的资料:

1、邮箱:填写未注册过公众平台、开放平台、企业号、未绑定个人号的邮箱;

2、企业营业执照;

3、企业对公账户以及开户地点;

4、小程序管理员手机号码(用来接收验证码);

5、小程序管理员微信(微信已绑定银行卡);

6、微信认证费300元(如果有认证服务号则无需再认证费)。

二、小程序注册步骤

目前注册小程序共有两种方式:一种是有认证服务号的,可以直接复用公众号资质快速注册小程序,这里就无需再通过小程序认证了;另一种是登陆微信公众平台直接注册。我们来分别讲一下。

  • 方法一:没有认证公众号

1、在微信公众平台官网首页(mp.weixin.qq.com)点击右上角的“立即注册”按钮。

第一课:两种方法教你如何注册小程序账号

2、选择注册的帐号类型,可以看到这里有订阅号、服务号、小程序、企业微信四个类型,我们选择“小程序”,点击下方的“账号类型区别”可查看不同类型帐号的区别和优势。

第一课:两种方法教你如何注册小程序账号

3、填写准备好的邮箱及密码。

第一课:两种方法教你如何注册小程序账号

4、点击“注册”之后,跳转到邮箱激活页,激活账号,继续注册流程激活邮箱。

第一课:两种方法教你如何注册小程序账号

5、用户信息登记,确认主体类型,完善主体信息。

第一课:两种方法教你如何注册小程序账号

注册方式有对公账户打款和微信认证两种选择,如果使用企业账户打款验证的方式,在填写完信息后,会给出打款金额和对方账户的信息,并且要求在十日之内打款,但是如果后期想用微信支付功能的话,还是需要花300元来认证开通的,所以相对而言,微信认证方式会更快捷方便,建议首选。

第一课:两种方法教你如何注册小程序账号

6、管理员信息登记,管理员身份证号(一个身份证只能注册5个小程序)。

第一课:两种方法教你如何注册小程序账号

注意事项:主体信息一旦提交,则不可修改。

  • 方法二:有认证公众号

为方便公众号快捷接入小程序,可以直接复用公众号资质快速注册小程序。快速注册认证小程序流程,无需重新提交主体材料、无需对公打款、无需支付300元认证费用。

1、登录微信公众平台(https://mp.weixin.qq.com/),进入已有的公众号账号,点击“小程序管理”。

第一课:两种方法教你如何注册小程序账号

2、进入小程序管理页面,选择“快速注册并认证小程序”。然后借助公众号资质,绑定小程序管理员,即可完成小程序注册。

第一课:两种方法教你如何注册小程序账号

使用以上任何一个方式都可以完成小程序的注册,完成小程序注册后,再把基本的资料进行填写即可。

三、小程序基本信息填写

比如:小程序名称、小程序头像、介绍、服务类目。比如:我们叫励明科技,大家可根据自己的需要起一个名称。

第一课:两种方法教你如何注册小程序账号

四、小程序后台操作

在这里我们先讲一些最常用的操作,其他的内容将在另外的课程中补充。

1、设置——基本设置,这里可以修改小程序名称之类的基础信息,在最下方可以看到有APPID(小程序ID)及原始ID。

第一课:两种方法教你如何注册小程序账号

2、开发——开发设置,这里可以查找到APPID及AppSecret(小程序密钥)。小程序密钥一定要保存下来,便于我们之后的使用,很多对接都要用到小程序密钥,如果每次都重置的话就太麻烦了。

第一课:两种方法教你如何注册小程序账号

这一页还有服务器域名、业务域名及消息推送需要在之后填写你配置好的服务器域名,以及下载校验文件域,再上传到域名的根目录下,就可以验证服务器域名了。在之后对接微擎与小程序的时候,我们再来详细讲解。

3、功能——微信支付

如果你的小程序会涉及到交易、支付等情况,那就需要申请微信支付,如果在其他的公众号、小程序中申请过微信支付商户号,那么可以进行账号关联,无需再次申请;如果没有微信支付商户号,可以申请接入,在线根据步骤提交申请。

第一课:两种方法教你如何注册小程序账号

4、功能——模板消息:

一些重要的消息通知,例如提交订单、订单支付、订单发货、预定成功等等,就需要用到模板消息这一功能。我们可以根据需要,在模板库中选用所需的模板,配置关键词,再将模板ID复制到之后搭建的小程序应用中。

第一课:两种方法教你如何注册小程序账号

5、管理——版本管理

当我们把小程序前端用开发者工具打包上传之后,可先设置为体验版,实时查看一下有没有什么问题。没有问题可提交审核。通过审核后,我们需要手动点击发布,小程序才会正式上线。

第一课:两种方法教你如何注册小程序账号

总结:到这里小程序的注册以及后台的主要操作就已经讲完了,记住这些便于在今后做小程序的时候去寻找、配置、调试使用。另外,个人小程序与企业小程序相比除了没有微信支付和附近功能外,服务类目也与企业小程序有所不同,感兴趣的小伙伴可以自行查找一下官方资料。

第二课:如何选择适合做小程序的服务器及域名?

小程序注册认证的过程中,我们来进行下一项工作:服务器及域名的准备。那么什么是服务器?小程序要用什么样的服务器合适?以及域名是什么?如何购买服务器及注册域名?

服务器有很多,例如阿里云、百度云、腾讯云等等,都是服务器的大牌厂商,值得信赖。目前我们使用的是阿里云,在今后的课程中我们就以阿里云的服务器及域名为例,关于百度云、腾讯云等等的注册使用流程都差不多就不再一一讲解了。

一、服务器相关

  • 1、云服务器是什么?

服务器分为物理服务器和云服务器。简单来讲,物理服务器就是传统实体服务器,一台设备就是一个服务器;云服务器是一种虚拟产品,通过虚拟技术,在一组服务器当中划分出多个服务器来供别人使用。

云服务器的好处就是简单高效、安全可靠、处理能力可弹性伸缩,管理方式也比物理服务器更简单高效。

第二课:如何选择适合做小程序的服务器及域名?

以阿里云为例,一个云服务器等同于一台虚拟机,包含CPU、内存、操作系统、网络、磁盘等最基础的计算组件。我们可以根据实际需求,选择不同的配置项。

  • 2、如何购买一台云服务器?

以阿里云为例,首先你需要注册一个阿里云的账号,也可以用淘宝、支付宝、钉钉等快速登录,并且完成实名制的验证。

第二课:如何选择适合做小程序的服务器及域名?

步骤1,找到阿里云云服务器地址:
https://www.aliyun.com/product/ecs?spm,选择立即购买。

第二课:如何选择适合做小程序的服务器及域名?
第二课:如何选择适合做小程序的服务器及域名?

步骤2,根据自己的需要,选择相应的配置,新手推荐选择入门级。

CPU:1核 内存:1GB 公网带宽:5Mbps 镜像类型:公共镜像 操作系统:linux。

第二课:如何选择适合做小程序的服务器及域名?

这里系统一定不要选错了,其他的配置我们选择默认即可。

第二课:如何选择适合做小程序的服务器及域名?

点击下一步,选择带宽,5M就足够了,后期可以根据自己的需要再添加。

第二课:如何选择适合做小程序的服务器及域名?

关于安全组:可后续在控制台——云服务器——网络和安全——安全组中设置(以下就是之后安装宝塔所需的端口,大家根据图片显示设置即可)

第二课:如何选择适合做小程序的服务器及域名?

继续下一步,确认订单信息,选择购买时长(建议购买一个月学习研究使用,如果真的打算长期做小程序,可以自行做决定)。确认下单支付就可以了。

第二课:如何选择适合做小程序的服务器及域名?

如果你的小程序后期想正式上线运营的话,可以随时升级服务器的配置,所以不用担心现在配置太低的问题。

二、域名相关

我们都知道备案一个域名是流程是非常繁琐并且耗时30天以上,那么有没有什么途径可以快速注册一个已经备案的域名呢?接下来,我们来分享一下域名的相关知识及如何注册一个自己的域名。

  • 1. 域名是什么?

域名(英语:Domain Name),简称域名、网域,是由一串用点分隔的名字组成的Internet上某一台计算机或计算机组的名称。

IP地址是Internet主机的作为路由寻址用的数字体标识,人们不容易记忆,从而产生了域名这一种字符型标识。

通俗的来说就是别人通过域名来访问你的网站。域名对于网站的作用,就相当于身份证对公民的作用一样,具有唯一性。域名一般由字母和数字组成,比如:google.com、baidu.com、163.com等。

第二课:如何选择适合做小程序的服务器及域名?
  • 2.域名种类

域名的分类有很多种分类方法,比如语种分类:英文域名、中文域名、日文域名、韩文域名等等;地区分类:例如:cn(中国大陆)、de(德国)、eu(欧盟)、uk(英国)、us(美国)等等;机构分类:.com(商业性的机构或公司)、.org(非盈利的组织、团体)、.gov(政府部门)、.edu(教育机构)等等。

  • 3.域名注册

域名的注册遵循先申请先注册为原则,每一个域名的注册都是独一无二、不可重复的,因此在注册之前需要先查询一下是否可以注册。

注册要求

a、可以包含英文字母(a-z,不区分大小写)、数字(0-9),以及半角的连接符“-”(即中横线),不能使用空格及特殊字符(如!、$、&、?等);

b、“-”不能连续出现,不能单独注册,也不能放在开头或结尾;

c、最多可以注册63个字符。

  • 4.注册已备案域名

只要使用的国内的主机、服务器,都是需要取得工信部发放的ICP备案号。我们知道备案流程是非常麻烦的,但是使用国外的主机服务器,稳定性和访问速度都很受影响。然后有些人发现一个漏洞,就是已经备案的域名,后来由于没有续费而过期了,那么你再去重新注册这个域名,它的备案还是有效的,即注册已备案域名。

那么我们如何寻找已经备案未被注册的域名呢?下面和大家分享一下。

我们可以通过阿里云(
https://promotion.aliyun.com/ntms/yunparter/invite.html?userCode=4zoauorc)等域名查询工具了解到已经备案过期的域名,然后再去注册或预定。

第二课:如何选择适合做小程序的服务器及域名?

查询已备案将要过期的域名。

以阿里云为例,我们打开(https://mi.aliyun.com/?spm)这个链接,就可以查询了解已经备案的过期域名。

第二课:如何选择适合做小程序的服务器及域名?

一般很好记、权重高的域名,我们抢注不到,如果只是简单的为了学习练习,那就抢到哪个用哪个就行。如果实在抢不到,也可以去淘宝购买已备案的域名。

如果你觉得买的不放心或者其他原因不想用买的,那就只能自己注册一个域名去备案了(至少30天以上备案时间)。

域名注册时,最好选择和自己购买的服务器在一家厂商,便于之后的云计算厂商要求域名接入,也便于我们自己的续费与统一管理。

  • 5.如何注册一个域名?

第一、登录阿里云账号,打开链接:
https://wanwang.aliyun.com,输入你想要注册的域名信息,(字母或数字,或者_,或者是字母与数字的组合,都可以)。

第二课:如何选择适合做小程序的服务器及域名?
第二课:如何选择适合做小程序的服务器及域名?

这里输入的是我的域名,可以看到是已注册的标识,那我们就换下一个注册。加入清单,在域名清单里点击立即结算。

第二课:如何选择适合做小程序的服务器及域名?
第二课:如何选择适合做小程序的服务器及域名?

进入订单详情,选择购买年限(最低一年),然后下一步去付款就行了。这样,我们就注册购买了一个属于自己的域名了。这样购买的域名必须备案后才能使用,关于域名备案的流程,阿里云上有详细的步骤介绍,这里就不再过多的讲述,大家可以自行去查看一下。(网址:
https://help.aliyun.com/learn/learningpath/icpfiling.html)

总结:服务器及域名就这样准备好了。在这里多说一点,就是服务器厂商有很多,价格不一,我们在选择的时候,一定要考虑到比如配置、服务、稳定性及安全性等因素,不能仅考虑价格。还有服务器和域名最好是同一厂商,便于后期的管理接入。下一节课将会给大家分享如何解析绑定服务器。

第三课:十分钟教你如何快捷搭建服务器环境

在做小程序前需要搭建好小程序服务器的环境,那么如何快捷的搭建服务器环境呢?在这里介绍给大家一款软件——BT宝塔软件。

一般来说windows系统操作简单但是安全隐患较大,所以linux系统使用的比较多,而linux的操作系统较为专业,非专业人员很难看懂。因而有了BT宝塔之类的可视化管理面板,让小白也可以轻松管理服务器。下面我们来详细了解一下。

一、BT宝塔是什么?

宝塔软件是一款linux/windows平台均可使用的服务器管理软件,主要基于centos操作系统,可一键包装nginx、apache、php、mysql、pureftpd、phpmyadmin等环境,自带在线网页管理面板,可用于建站、开通FTP、防火墙管理、以及强大的在线文件管理功能等。

使用BT宝塔,通过Web端轻松管理服务器,一般不懂技术的小白也能轻松掌握linux服务器了。

第三课:十分钟教你如何快捷搭建服务器环境

二、宝塔有什么功能?

1、系统安全:提供SSH开启关闭服务,SSH端口更改,禁ping,防火墙端口放行以及操作日志查看。

第三课:十分钟教你如何快捷搭建服务器环境

2、系统监控:CPU、内存、磁盘IO、网络IO数据监测,可设置记录保存天数以及任意查看某天数据。

第三课:十分钟教你如何快捷搭建服务器环境

3、计划任务:计划任务可按周期添加执行,支持SHELL脚本,提供网站、数据库备份以及日志切割。

第三课:十分钟教你如何快捷搭建服务器环境

4、软件管理:通过web界面就可以轻松管理安装所用的服务器软件,还有扩展插件。

第三课:十分钟教你如何快捷搭建服务器环境

5、文件管理:方便高效的文件管理器,支持上传、下载、打包、解压以及文件编辑查看。

第三课:十分钟教你如何快捷搭建服务器环境

宝塔Linux面板有免费版和专业付费版,一般我们做小程序用免费版就足够了。如果有更专业的需求,可以升级付费版。

在这里我们只讲解一下linux服务器,Windows服务器有需要的可以自己去了解一下。

三、宝塔的系统要求

操作系统:全新系统(支持CentOS、Ubuntu、Debian、Fedora、Deepin),确保是干净的操作系统,没有安装过其它环境带的Apache/Nginx/php/MySQL,宝塔Linux6.0版本是基于centos7开发的,强烈建议使用centos7.x 系统。

内存要求:内存要求最低512MB,推荐768MB以上,纯面板约占系统60MB内存。

就目前来看,阿里云、腾讯云、百度云的最低配置基本都能满足面板环境的要求。

四、BT宝塔安装操作流程

第一步,使用远程连接软件 (如:Putty、XShell、宝塔远程桌面助手等) ,在这里我们以 Putty 为例(Putty下载网站:
http://soft.onlinedown.net/soft/2186.htm)。

1. 打开 Putty.exe 程序,进入 Putty 主界面。

第三课:十分钟教你如何快捷搭建服务器环境

2. 在 Host Name 中输入Linux的公网 IP 地址。使用默认端口 22。在 Connection Type 中,选择 SSH。

公网 IP 地址:阿里云——控制台——云服务器——实例。

第三课:十分钟教你如何快捷搭建服务器环境
第三课:十分钟教你如何快捷搭建服务器环境

3. 点 Open 按钮进行连接。

第三课:十分钟教你如何快捷搭建服务器环境

4. 首次连接,会出现以下弹窗。点击是即可。

第三课:十分钟教你如何快捷搭建服务器环境

5. 根据提示,输入你要登录的账户,请使用root账户登陆,输入root回车。

第三课:十分钟教你如何快捷搭建服务器环境

6. 根据提示,需要你输入root密码(注意密码在输入时是不显示的,大家不要以为密码没输入),回车即可。

第三课:十分钟教你如何快捷搭建服务器环境

注:如果输入的密码不对,会提示你Access denied,重新输入正确的密码即可。

第三课:十分钟教你如何快捷搭建服务器环境

如果忘了密码,可以在阿里云——控制台——云服务器——实例——更多——密码/密钥——重置实例密码。

第三课:十分钟教你如何快捷搭建服务器环境

7.进入到这里即表明你已经连接到了你的linux服务器,接下来就可以安装宝塔了。

第三课:十分钟教你如何快捷搭建服务器环境

第二步、安装宝塔

1. 选择好脚本下载节点,这里以默认节点为例,完整复制粘贴到你刚刚连接到远程服务的窗口当中。我们用的是Centos操作系统,那么你只需要选择把Centos安装命令复制粘贴即可,再按下回车键。

Centos安装命令:

yum install -y wget && wget -O install.sh http://download.bt.cn/install/install.sh && sh install.sh

第三课:十分钟教你如何快捷搭建服务器环境

2. 提示你安装时使用那个下载节点,1香港、2广东、3美国,可根据服务器所在地区选择,输入相应数字回车即可。

第三课:十分钟教你如何快捷搭建服务器环境

3.现在安装bt面板到www目录吗? 输入y 然后按回车下一步。

第三课:十分钟教你如何快捷搭建服务器环境

3. 安装完成后,会出现面板地址及默认账号与密码。访问ip:8888,输入账号与密码即可使用宝塔。

第三课:十分钟教你如何快捷搭建服务器环境

五、宝塔环境的配置

宝塔面板安装完成后,我们就可以登录后台面板了,使用刚刚记录的后台地址登录。(如果登录不上去,那你需要在后台开启安全组8888端口。安全组:阿里云控制台——云服务器——网络和安全——安全组中设置。可以到第二课时查找)

第三课:十分钟教你如何快捷搭建服务器环境

1、进入后台,我们可以看到如下图所示,一键安装环境的界面,可以选择LNMP或者LAMP进行安装。一般我们会选择左侧的LNMP架构,编译安装。编译安装慢但稳定,极速安装虽然快但是稳定性相对差一点。

第三课:十分钟教你如何快捷搭建服务器环境

LNMP和LAMP环境主要的区别在于web服务器上面,一个使用是Apache服务器、一个使用Nginx服务器,都是linux环境配置一键安装包。

第三课:十分钟教你如何快捷搭建服务器环境

我们把安装环境把php版本换成5.6,选择编译安装,点击一键安装,可通过宝塔后台的左上角的任务安装列表查看安装时间。在安装的过程就不要再随便执行其他的操作了,以免造成安装失败。

总结:这一节课带大家了解的宝塔面板及服务器环境的配置安装,对小白来讲,可能有些名词、英文之类的看不懂,不要紧,直接按照步骤来就可以了。宝塔的可视化服务器面板,操作起来很是方便简单,对于新手来讲是最合适不过的了。BT宝塔后台的使用操作,我们将在下一节课中给大家讲解一下。

第四课:一键轻松搭建小程序第三方系统——微擎

我们在上一节课的内容中已经搭建了小程序的服务器管理面板——BT宝塔,并且安装了相关的环境配置,也讲解了后台的基本操作。这一节课我们就来搭建微信第三方管理系统——微擎。我们还是先来大体了解一下微擎的相关知识。

一、微擎是什么?

官方定义:微擎是一款小程序和公众号管理系统,可以实现微信平台不能实现的功能,例如商城,餐饮,酒店,汽车,门店,同城,各类行业解决方案,营销,推广,吸粉,游戏,物联网和人工智能等功能。

目前微擎也是APP、PC建站、熊掌号、支付宝小程序、百度小程序、头条小程序的管理系统。

第四课:一键轻松搭建小程序第三方系统——微擎

简单来说,微擎就是一款无需编程技术就可以搭建各种小程序、公众号应用的系统,对于新手来讲,是非常容易上手的。微擎的应用商场有几千款模板,可以全面覆盖市面上所有企业和个人的运营需求。

微擎的应用市场里有很多的应用模块,但是大部分都需要付费的。如果可以通过其他渠道搞定或者自己开发,也都是可以的。这些目前不在讨论的范围。

第四课:一键轻松搭建小程序第三方系统——微擎

二、安装微擎准备

在搭建微擎系统之前,我们首先要解析域名,域名解析到服务器上,才能访问我们的网站,然后申请SSL证书(小程序必备)。

  • 1、域名解析

打开阿里云——控制台——域名——域名列表——选择需要解析的域名——解析

第四课:一键轻松搭建小程序第三方系统——微擎

点击解析进入云解析页面,添加记录,填写主机记录和记录值,其他默认即可。

第四课:一键轻松搭建小程序第三方系统——微擎

记录值即为 Linux的公网 IP 地址。

第四课:一键轻松搭建小程序第三方系统——微擎

点击确认,域名就解析好了。域名解析到服务器上,再绑定到BT宝塔上,才能访问我们的网站,两者缺一不可。

  • 2、SSL证书(小程序必备):

做一款微信小程序,域名必须是https访问才可以,在这里就需要用到SSL证书。

SSL证书是数字证书的一种,类似于驾驶证、护照和营业执照的电子副本。因为配置在服务器上,也称为SSL服务器证书。

阿里云后台在域名列表中,选择你解析的域名,点击管理,在基本信息中,点击免费开启SSL证书,免费证书有效期为1年,到期记得重新申请。

第四课:一键轻松搭建小程序第三方系统——微擎

申请好的SSL证书,要点击设置,找到SSL,点击其他证书,将上一步中申请的SSL粘贴到这里,点击保存完成。

第四课:一键轻松搭建小程序第三方系统——微擎

SSL证书也可以在BT宝塔申请,打开你的域名的设置,找到SSL,选择宝塔SSL,然后注册一个BT宝塔账号,并且完成实名制验证审核后,就可以申请SSL证书绑定了。

第四课:一键轻松搭建小程序第三方系统——微擎

三、安装微擎

接下来我们来教大家如何搭建微擎系统,有两种方法,一种是通过宝塔直接进行安装,一种方式是新建一个FTP和数据库进行搭建上传再进行安装。

  • 方法一:

登录宝塔首页——宝塔一键部署源码——选择推荐——找到微擎——点击一键部署。

第四课:一键轻松搭建小程序第三方系统——微擎

将解析出来的域名,填写进去,PHP选择56,其他内容默认即可。(也可以默认安装,后期在软件管理中修改)。

第四课:一键轻松搭建小程序第三方系统——微擎

等待十几秒,我们基本就安装部署了微擎这个系统,并且得到了用户名、密码、访问站点链接地址,这些信息我们先保存下来。

第四课:一键轻松搭建小程序第三方系统——微擎

这个最为快捷的安装方式,但是这是安装的简易版的微擎,不能使用,还需要需要注册站点后,系统升级到最新版才可以使用。登录微擎系统,点击站点管理—注册站点—注册好了点击系统升级—点击升级按钮即可。

第四课:一键轻松搭建小程序第三方系统——微擎

在升级系统前,我们要把整体目录权限设为777,否则会下载失败,没有权限。BT宝塔后台——文件——网站的根目录www/wwwroot/你的域名——权限。

第四课:一键轻松搭建小程序第三方系统——微擎
  • 方法二:

打开宝塔——网站——添加站点,把刚才解析的域名填进去,根目录选择/www/wwwroot/域名,FTP和数据库都选择创建,PHP版本选择PHP-56,点击确认,站点就设置好了。记住对接的数据库和数据库用户名。

第四课:一键轻松搭建小程序第三方系统——微擎

添加好网站后,我们选择左边菜单的文件,在根目录/www/wwwroot/下找到刚新建的网站目录。

第四课:一键轻松搭建小程序第三方系统——微擎

点击上传,将微擎的源码上传到网站根目录(上传之前,将微擎框架源码压缩成zip格式,一次性上传)。

第四课:一键轻松搭建小程序第三方系统——微擎
第四课:一键轻松搭建小程序第三方系统——微擎

上传完后,关闭窗口,直接用宝塔解压文件即可。(注意,如果你的压缩格式是RAR,那么你在宝塔里,是无法完成解压的,只有删除,重新压缩为zip格式。)

第四课:一键轻松搭建小程序第三方系统——微擎
第四课:一键轻松搭建小程序第三方系统——微擎

解压成功后,我们就可以在浏览器上输入然后访问http://你的域名/install.php进行安装。

第四课:一键轻松搭建小程序第三方系统——微擎

点击“继续”,进入到“环境监测”,如下图所示:

第四课:一键轻松搭建小程序第三方系统——微擎

在这一步是监测我们使用的服务器、php运行环境和目录权限是否符合微擎系统的要求,符合则全部显示对号,否则,显示红色叉号。

点“继续”进入到参数配置界面。

第四课:一键轻松搭建小程序第三方系统——微擎

数据库账号密码在我们添加站点的时候就记录了,在这里添加上即可。这是安装微擎最重要的一步,一定要填写正确数据库信息否则安装不了系统。

点“继续”后,如果没有问题就安装成功了。

第四课:一键轻松搭建小程序第三方系统——微擎

如果用这种方式安装微擎,那么你下载的微擎安装包如果是最新版的,就无需再升级系统,注册好站点即可使用微擎。

这样微擎的搭建安装,就完成了,我们进入后台就可以使用微擎创建小程序了。

第四课:一键轻松搭建小程序第三方系统——微擎

总结:这一节课我们讲解了微擎的安装方法,微擎版本不同,安装的步骤界面多少有些差异,但是步骤都是一样的,根据提示来操作就可以了。目前搭建小程序的准备工作就完成了,从下一节课开始我们来正式搭建一款小程序。

第五课:教你如何快速安装小程序应用

在之前的课程中,我们已经做好了小程序搭建的准备工作,接下来我们就以官网小程序为例,从头到尾,完成一个微信小程序应用的安装。

微擎上免费的小程序应用有很多,例如一些小游戏、便民服务、企业官网、点餐外卖等等,这些都可以用来练习,大家可以自由选择感兴趣的小程序,我们这边就仅仅用官网举个例子。

第五课:教你如何快速安装小程序应用

登录微擎后台——找到市场——打开,进入应用市场。

第五课:教你如何快速安装小程序应用
第五课:教你如何快速安装小程序应用

我们刚开始学习,那就先购买一个免费的小程序模块来练习一下。

第五课:教你如何快速安装小程序应用

比如我们购买一个通用企业微官网小程序,选择你注册的站点,点击立即购买。

第五课:教你如何快速安装小程序应用

提交订单,付款成功后,打开你的微擎后台,找到应用管理,点击未安装列表,找到我们刚才购买的小程序——通用企业微官网小程序。

第五课:教你如何快速安装小程序应用

点击安装,确认安装后,就会出现安装进度页面,就不要再进行其他操作了,等待安装完成即可。

第五课:教你如何快速安装小程序应用

安装完成后,会进入分配应用权限页面(基于分配权限功能,我们可以在微擎上开通多个账户,实现发展客户发展代理的功能),在这里我们就直接点确定继续安装即可。

第五课:教你如何快速安装小程序应用

这样我们的官网小程序应用就安装完成了,可以在微擎后台应用管理,已安装列表中查看该应用的基本信息及应用权限组,还可以升级或者停用删除应用。

第五课:教你如何快速安装小程序应用

总结:这一节课我们教大家安装了一个小程序的应用,希望大家能根据教程自己练习一下,这样才能掌握的更透彻。而且安装小程序应用的流程和公众号应用及百度小程序等平台的安装流程是一样的,大家感兴趣的话也可以自己安装练习一下。我们下一节课就来完成搭建小程序最重要的一步,小程序的对接及上线。

第六课:十分钟,教你正式上线一款微信小程序

微擎小程序应用安装完成后,我们来进行最后一步,小程序的对接及配置,配置完成后,就可以提交微信审核,审核通过后,就可以正式上线运营小程序了。首先打开微擎及微信小程序后台。

打开微擎后台——平台管理——添加平台——选择新建微信小程序。

第六课:十分钟,教你正式上线一款微信小程序

选择“手动添加小程序”——进入设置小程序信息,填写小程序资料,原始ID、 小程序ID、AppSecret、版本、头像、二维码。

第六课:十分钟,教你正式上线一款微信小程序

点击下一步,选择主管理员及平台过期时间(一般应用于给客户或代理开启后台),我们在这里默认设置即可。

第六课:十分钟,教你正式上线一款微信小程序

点击下一步,填写版本描述、版本号、添加“官网小程序”应用,点击生成版本。

第六课:十分钟,教你正式上线一款微信小程序

生成版本后就进入了小程序后台,在左边侧栏我们可以看到有应用、粉丝、配置及统计。我们还是重点来讲一下配置。

第六课:十分钟,教你正式上线一款微信小程序

点击支付参数,这里的小程序ID及密钥是不能修改的,微信支付的配置,需要你开通微信服务号并认证后才可拥有的或者企业的微信小程序已认证后可在后台申请微信支付。微信支付商户号及微信支付秘钥都在微信支付平台查看。

第六课:十分钟,教你正式上线一款微信小程序

退款配置:证书下载微信商户平台(pay.weixin.qq.com)-->账户中心-->账户设置-->API安全-->证书下载。

我们仅用到apiclient_cert.pem 和 apiclient_key.pem这两个证书。

第六课:十分钟,教你正式上线一款微信小程序

域名设置:小程序业务域名校验文件在小程序后台开发设置——小程序业务域名校验文件下载并上传到此处,验证域名。

第六课:十分钟,教你正式上线一款微信小程序
第六课:十分钟,教你正式上线一款微信小程序

小程序后台:开发设置——服务器域名——扫码——配置服务器信息,将你的域名填写上,保存。业务域名也是同样操作。

第六课:十分钟,教你正式上线一款微信小程序

打开微擎后台小程序的管理设置把下方的消息推送配置,同步配置到小程序后台的消息推送中。

第六课:十分钟,教你正式上线一款微信小程序

微擎后台

第六课:十分钟,教你正式上线一款微信小程序

微信小程序后台

到这里小程序的对接就完成了,点击应用——通用企业微官网,进入小程序应用设置后台。将左侧业务菜单里的内容进行补充, 比如:公司信息、电话信息、宣传海报、业务介绍、关于我们等。

第六课:十分钟,教你正式上线一款微信小程序

设置完成后我们从微擎后台上传微信审核。回到小程序的入口页面,在配置中选择上传微信审核——填写信息——扫描二维码上传——上传成功。

第六课:十分钟,教你正式上线一款微信小程序

打开微信小程序后台,在提交审核前我们可以先将小程序设为体验版本,配置页面路径,查看预览小程序,如果设置正常就可以提交微信审核。

第六课:十分钟,教你正式上线一款微信小程序
第六课:十分钟,教你正式上线一款微信小程序

小程序审核一般1~3天,如果看到这样的信息,说审核已经通过,接下来就可以把审核通过的小程序申请上线,后续全网就可以搜到了。

第六课:十分钟,教你正式上线一款微信小程序

如果审核不通过,微信官方会把要修改的问题列出来,按照提示把问题修改好,再按前面步骤上传,进行审核就可以了。这样,我们就完成了企业小程序的搭建。

总结:到今天的课程为止,我们已经带领大家完成了小程序的安装搭建制作上线过程,如果大家按照教程的步骤来做,相信大家现在已经可以查看到自己制作上线的小程序了,是不是很有成就感。下一节课将给大家讲一点不一样的,顺便再熟悉一下搭建小程序的流程。还有有不明白的会员,可以微信或者QQ给我留言。

思源源码基地https://www.rmb4.cn所有源码资源均聚合于互联网各大会员资源站,仅用于您下载学习,如需商用,请您支持正版! 转载请注明出处!
源码基地-站长之家-网站模板-网站源码-源码之家-html模板-网页模板-Wordpress主题-织梦模板 » 60分钟6节课教你从零基础搭建一个完整的小程序

源码基地,源码之家,全网网站源码,APP源码,免费下载,采集规则免费教学!

立即赞助 发布资源