关于前端:站长新手入门从0开始搭建微信小程序商城不会代码也能开商城附带源码

39次阅读

共计 4159 个字符,预计需要花费 11 分钟才能阅读完成。

2020 年寰球疫情肆虐下,经济环境继续低迷,尽管国内已逐步复苏,但线下生产依然没法短期回到常态,所以往年开始直播电商、线上批发更加火爆。那么如果一个没有编程根底,或者说略微懂一点技术的老板,要做小程序能够吗?那么明天跟着小 A 一起,从零开始搭建一个属于本人的小程序商城。(以下教程对齐全的小白可能会有肯定难度,如果浏览有问题能够反复研究)

小程序申请及认证

1、微信小程序申请;

进入微信公众平台,点击右上角的“立刻注册”,账号类型抉择“小程序”。依照官网疏导,逐渐实现小程序注册。因为小程序商城开发必须用到微信领取性能,所以在填写到“主体信息注销”时,注册形式抉择“微信认证”通过微信认证验证主体身份,需领取 300 元认证费。这样将小程序申请和小程序认证同时操作,节俭审核工夫。

如之前有同一主体已认证的服务号,能够登录认证服务号,开明小程序,依照步骤填写信息提交即可。通过认证服务号开明的小程序无需再次进行小程序认证。

2、小程序信息欠缺;

实现注册后,微信小程序信息欠缺步骤和开发可同步进行。抉择对公打款的用户,实现汇款验证后,能够补充小程序名称信息,上传小程序头像,填写小程序介绍并抉择服务范畴。

3、小程序申请领取

已认证的小程序可登录小程序,申请微信领取。

开发前筹备

1、绑定开发者;

登录微信公众平台小程序,进入用户身份 - 开发者,新增绑定开发者。已认证的小程序最多可绑定 20 个开发者,40 个体验者。

2、获取 AppID

进入“设置 - 开发设置”,获取 AppID 信息。

上传公布

1、登录开发者工具;

返回微信官网开发者工具下载页面,依据本人的操作系统下载对应的安装包进行装置,无关开发者工具更具体的介绍能够查看《开发者工具介绍》。关上小程序开发者工具,用微信扫码登录开发者工具!

2、管理员扫码 -> 填写好小程序的我的项目目录、AppID(必须是客户已注册好的 AppID)、项目名称。

3、配置非法域名(工具 -> 我的项目详情 -> 域名信息)

4、如果域名还没有配置,请返回微信公众平台,登录时填写客户的邮箱和明码(如果小程序内嵌了 h5 页面,还须要配置业务域名)

5、配置服务器信息,填写所需的服务器域名。

6、去到该小程序的后盾管理系统,批改数据,手机预览小程序,查看后盾数据跟小程序数据是否有误。

7、若无误,可上传代码,上传胜利后,去到微信公众平台 -> 登录(客户的账号密码)-> 开发治理 -> 提交审核。

服务器、域名

举荐应用 Linux 零碎,不须要放心不会操作,间接用宝塔的控制面板,都是可视化的操作(下文也会提到宝塔的装置应用问题)

入门级配置

CPU:1 核内存:1G 实例规格:突发性能 t5 实例带宽:1M 零碎:CentOS 7.4 64 位 (举荐) 价格:366 元 / 年 933.3 元 / 三年

查看服务器详情

标准级配置

CPU:2 核内存:4G 实例规格:突发性能 t5 实例带宽:2M 零碎:CentOS 7.4 64 位 (举荐) 价格:936 元 / 年 2386.8 元 / 三年

查看服务器详情

域名的话,看各位爱好,如果没有 PC 商城须要,就依照最便宜的卖就好,也看不到域名门路,如果是有 PC 的话,还是举荐支流域名,如.com、.cn、.net…次要起因是对收录有帮忙,选了一个小众的域名,可能短期内收录收到影响。

宝塔面板装置应用

1、连贯服务器

MacBook 零碎连贯服务器,间接 SSH root@IP,windows 的话能够用宝塔近程工具能够。

输出账号和明码,留神明码在输出时是不显示的,大家不要认为明码没输出。

2,装置宝塔面板

执行以下代码进行装置宝塔 6.9 免费版。宝塔 6.9 版本曾经很稳固了,举荐大家间接装置 6.9 版本(留神:宝塔 linux6.0 版本是基于 centos7 开发的,务必应用 centos7.x 零碎)

yum install-y wget&&wget-Oinstall.sh http://download.bt.cn/install…_6.0.sh && bash install.sh

Copy

如果大家零碎是 centos7 以下的大家还是乖乖应用宝塔 5.9 的装置脚本(Centos 官网已发表在 2020 年进行对 Centos6 的保护更新,举荐大家装零碎间接装置 centos7)

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

Copy

回车进行装置。

输出 y,并回车。接下来便是期待宝塔面板进行装置。

咱们失去登录宝塔面板的 URL, 账号和明码。

面板地址:http://{您的服务器 IP}:8888

初始化:第一次应用会要求初始化配置,请依照提醒填入配置信息

装置实现宝塔面板后,咱们就能够在浏览器中拜访了。复制 Bt-panel 中的 URL 到浏览器上拜访。留神要关上服务器上的 8888 端口

输出默认的账号和明码进行登录。

3,设置宝塔面板

登陆后进入宝塔面板咱们能够看到如下图所示,你能够抉择 LNMP 或者 LAMP 进行装置。看大家网站须要什么环境进行抉择。如果是生产环境举荐大家应用编译装置,如果只是测试环境抉择极速装置。两者的区别是编译装置慢但稳固,极速装置尽管慢然而没编译装置稳固。

举荐大家首次进入宝塔面板前不要进行环境的装置,因为在装置环境不能更改宝塔面板的设置。举荐大家先更改宝塔面板的默认设置,编译装置环境将近一个小时。在这段时间里咱们先将宝塔面板设置好进步面板的安全性。

3.1,首先咱们进入面板设置

3.2,更改面板端口

将端口更改为不罕用的端口。

3.3,绑定域名

你能够绑定一个域名绑定完域名后只能通过你绑定的域名来拜访面板。

3.4,绑定 ip

如果你有固定的 ip,你可绑定 ip 拜访,绑定了 ip 拜访你只能通过绑定得这个 ip 进行拜访。如果你是家用电脑就不要绑定 ip 了,因为家用电脑的 ip 是动静的。这就会造成 ip 产生扭转面板拜访不了。

3.5,更改默认的面板用户和明码

更改宝塔装置实现时的默认用户名和明码,设置一个本人能记住的用户名和明码,明码不要太简略了。

3.5,绑定宝塔账号

如果你有宝塔账号你能够绑定下,没有的话能够去宝塔官网申请。宝塔账号在购买付费插件,开明专业版时要用到。点击返回注册宝塔账号,支付¥3188 的宝塔面板礼包。

3.6,绑定微信小程序

因为微信小程序是付费插件,你只有购买了或者开明专业版能力应用。微信小程序可能监控服务器,不便用户随时查看服务器状态。

4,宝塔面板平安设置

在这里你能够开启和禁用一些端口。举荐大家更改 ssh 端口,和禁用 ping。更改 FTP 端口。更改 phpadmin 默认端口。不罕用的端口能够把它敞开,等要应用了在开启。

5,装置面板环境

在软件治理抉择你所须要的网站环境进行装置。

在这里抉择 LNMP 进行装置,即 Linux+Nginx+Mysql+Php。

6,创立网站

等网站环境装置实现后便能够创立网站,有两种办法能够创立网站。第一种间接在抉择网站,抉择增加站点,进行创立网站。

第二种在软件治理中的宝塔插件中装置宝塔一键部署源码插件进行创立网站。

对于小程序建站,那么间接用第一种建站形式,而后把代码上传就能够。

代码上传

筹备工作差不多了,那么最初就是装置部署了,以下用来客推电商源码为例:

环境配置失常,最好是 PHP5.6+Mysql5.5

win 上面能够应用 phpstudy 集成环境部署装置

Linux 上面能够应用宝塔部署装置

须要筹备的货色

小程序 appid:

AppSecret(小程序密钥) :

领取商户号:(微信领取未开明能够不要)

领取 key:(微信领取未开明能够不要)

领取证书(微信领取未开明能够不要)

到官网下载开源版安装包 https://www.src1024.com/mini/wx/95.html

筹备装置:

(一)把后盾文件丢到环境根目录下, 我的是间接放在根目录下的一个文件夹里,间接拜访这个文件夹即可

(二)拜访本地文件,装置始终下一步, 配置环境要反对,不反对的本人百度一下,不然会装置失败,上面也给了几种环境不反对的批改计划

(三)自定义配置文件,报数据库连贯失败的检查一下本人连贯的数据库,及本人填写的信息是否正确(我连贯的是本地的,我数据库没有明码)

(四)装置胜利的标记

(五)装置胜利后登录后盾增加几条产品包含产品分类,品牌,商品规格等

(六)在后盾系统管理 -> 零碎设置里填写绝对应的内容

小程序 api 域名和零碎域名批改需正确,前面会影响小程序的接口调用及图片门路的显示

小程序域名:http:// 你的域名 / 后盾目录名称 /…

IP 地址:你服务器的 IP,如果是本地请填写 127.0.0.1

零碎域名:http:// 你的域名 / 后盾目录名称

留神:如果你的零碎后盾目录间接是定向域名,则下面的 http:// 你的域名 / 后盾目录名称 间接换成 http:// 你的域名 / 即可,不须要加上目录名称

小程序 id 和小程序密钥填对,前面也会影响小程序的失常运行

(七)在系统管理 -> 领取设置里填写绝对应的内容。

不须要微信领取的能够跳过

(八)配置小程序,把小程序 的文件筹备到目录下,微信开发者工具新建我的项目。AppID 要换成本人的,不然会变成别的我的项目

(九)进入小程序第一件事就是批改接口门路,即 utils/util.js 的 getUri 办法外面门路!

例如当初拜访后盾的门路是:http://localhost/open/app/LKT…,那么在 utils/util.js 的 getUri 代码外面的门路应该改成:http://localhost/open/app/LKT…_name=3&edition=1.0

例如当初拜访后盾的门路是:http://www.laiketui.com/LKT/i…,那么在 utils/util.js 的 getUri 代码外面的门路应该改成:http://www.laiketui.com/LKT/i…_name=3&edition=1.0

function getUri(){

  return ‘http://localhost/open/app/LKT…_name=3&edition=1.0’

}

(十)小程序及后盾都装置实现了,刚进小程序页面就是这样啦!

总结:装置部署其实很简略,前面要做的就是经营,如果搭建这个小程序还是有问题的,能够间接找 15205564163,收费帮忙部署。

正文完
 0