资讯

精准传达 • 有效沟通

从品牌网站建设到网络营销策划,从策略到执行的一站式服务

新手开发微信小程序的方法-创新互联

这篇文章主要介绍了新手开发微信小程序的方法,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。

创新互联公司拥有10余年的建站服务经验,在此期间,我们发现较多的客户在挑选建站服务商前都非常的犹豫。主要问题集中:在无法预知自己的网站呈现的效果是什么样的?也无法判断选择的服务商设计出来的网页效果自己是否会满意?创新互联公司业务涵盖了互联网平台网站建设、移动平台网站制作、网络推广、按需搭建网站等服务。创新互联公司网站开发公司本着不拘一格的网站视觉设计和网站开发技术相结合,为企业做网站提供成熟的网站设计方案。

1、服务器环境准备说明

1.1   公网网络和域名可用性

确保服务器公网网络正常,且指向公网IP的域名已备案,状态正常

由于微信小程序API必要得备案域名才能访问,所以域名需要通过ICP备案(具体如何备案,这里不做说明)

1.2 端口可用

确保80和443端口已开放,且没有被占用

如果对端口号不太理解,请查看这个

https://blog.csdn.net/qcx321/article/details/52234259

①、使用telnet命令测试80和443端口是否已开放

如下图:

新手开发微信小程序的方法

②、使用netstat命令测试80和443端口是否有被占用;

netstat -ano | findstr "80"

netstat -ano | findstr "443"

如下图

新手开发微信小程序的方法

1.3 HTTPS可用

确保HTTPS可用

微信小程序业务域名需要https才能设置,开发时可以先设置不校验域名有效性

2.小程序开发流程

2.1微信小程序开发后台地址

网页地址:https://mp.weixin.qq.com

微信小程序开发账号可以从此地址注册

2.2小程序AppID、AppSecret 的获取与配置说明

2.2.1 AppID说明

AppID也叫开发者ID,是公众号,小程序开发识别码,配合开发者密码进行开发(简单来说,是小程序应用ID)

2.2.2 AppID获取步骤

① 由微信小程序开发后台地址输入账号密码后,扫码进入(需要用公众号绑定的管理员微信扫码)

新手开发微信小程序的方法

② 在左侧的菜单,点击开发目录

新手开发微信小程序的方法

③ 在开发目录下点击开发设置,就可以看到AppID

新手开发微信小程序的方法

2.2.3 AppSecret说明

AppSecret也叫开发者密码,与appid二者配合使用,可调用公众号的接口能力。(主要是后台用来拿微信用户的openID)

2.2.3 AppSecret重要提示

AppSeret只能以生成的方式来获取。生成后,微信小程序管理页面是不为开发账户保存AppSeret的,所以AppSeret要妥善保管好。如果丢失或忘记,可重置并生成。

2.2.4 AppSecret获取步骤

①、AppSecret的获取与《2.2.2 AppID获取步骤》基本一致

新手开发微信小程序的方法

2.3  配置“业务域名”

2.3.1 步骤

业务域名的添加/修改在  左侧列表--开发目录--开发设置--业务域名里面

如下图

新手开发微信小程序的方法

2.3.2 业务域名配置使用说明

①、业务域名配置必要使用80端口;

②、业务域名必须通过备案;

③、域名配置完成后,网页会提示要下载校验文件(是一个.txt文件),将其放在tomcat的根目录下,重新启动tomcat即可。

另外有部分人可能不懂业务域名是什么,简单来说,业务域名可以实现Web页面嵌入小程序中。

2.4 下载安装小程序开发者工具

地址https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html

环境配置没什么太大要求,建议安装在D盘

2.5  小程序开发工具配置流程

①、打开小程序Web开发者工具,点击+号

新手开发微信小程序的方法

②、填写项目名称、目录,appid(前面有说到如何获取),开发模式选小程序即可,语言我这里选择JS

新手开发微信小程序的方法

③、微信小程序的编辑工具模式跟web差不多,前端开发的同学,基本很容易就上手,开发完成的界面,点击上传,就可以上传到申请的小程序管理账号中(提示一下,管理账号中,需要把开发者的微信授权)

新手开发微信小程序的方法

好了,本来还想写一下上线发布流程及注意事项的,但想到那部分相对比较简单,新手多看下文档就明白,就写到这里吧。

感谢你能够认真阅读完这篇文章,希望小编分享的“新手开发微信小程序的方法”这篇文章对大家有帮助,同时也希望大家多多支持创新互联网站建设公司,,关注创新互联行业资讯频道,更多相关知识等着你来学习!


文章题目:新手开发微信小程序的方法-创新互联
本文地址:http://cdkjz.cn/article/dghsde.html
多年建站经验

多一份参考,总有益处

联系快上网,免费获得专属《策划方案》及报价

咨询相关问题或预约面谈,可以通过以下方式与我们联系

大客户专线   成都:13518219792   座机:028-86922220