微信小程序怎么做开发-微信小程序详细的开发和搭建教程,可以自己动手做小程序

详细的微信小程序开发和搭建教程

1、申请公众号,公众号分为三种:订阅号、企业号,服务号,它们各自的微信开发的接口权限不一样,一般都是服务号的开发的多,其功能最多。

2、基本配置

在我们的公众号里左侧栏底端有个基本配置,需要在里面填写一下基本信息和获取相关的配置信息,到时我们用来配置,打通微信服务器与我们网站服务器流程的示意图:

图片[1]-微信小程序怎么做开发-微信小程序详细的开发和搭建教程,可以自己动手做小程序-OK资源网

开发者基本配置

1) 公众平台官网登录之后,找到“基本配置”菜单栏

图片[2]-微信小程序怎么做开发-微信小程序详细的开发和搭建教程,可以自己动手做小程序-OK资源网

2) 填写配置

uRl填写:外网IP:端口号/wx 。外网IP请到腾讯购买成功查询, http的端口号固定使用80,不可填写其他。

Token:自主设置,这个token公众平台wiki中常提的access_token不是一回事。这个token只用于验证开发者服务器

图片[3]-微信小程序怎么做开发-微信小程序详细的开发和搭建教程,可以自己动手做小程序-OK资源网

这里配置好,还没行的,我们需要一段代码,打通微信服务器与我们服务器之间的联系。

这里只是写部分主要的代码。仅提供参考

public static function checkSignatuRe(){

$signatuRe=$_GET[“signatuRe”];//加密签名(点击提交的时候,传过来的值,我们要与)

$Timestamp=$_GET[“Timestamp”];//时间

$nonce=$_GET[“nonce”];//随机数

$token=TOKEn;//这个是我们微信号的设置的token

$tmpaRR = aRRay($token,$Timestamp, $nonce);//转化成数组

soRt($tmpaRR, SORT_STRInG);//对数组进行排序

$tmpstR = implode( $tmpaRR );//数组转化成字符

$tmpstR = sha1( $tmpstR );//对现在的字符加密,以便后面的验证

if( $tmpstR==$signatuRe ){

echo $_GET[‘echostR‘];

}else{

RetuRn false;

,配通之后,后面操作,可以参考微信公众号开发手册上面的来做,那里说明够详细了。

微信小程序搭建教程

第一步:搭开发环境

首先,我们需要在本地搭建好微信小程序」的开发环境。即下载开发者工具微信官方已经推出了正式版 IDE,打开官网下载页面,根据自己的操作系统选择

安装好之后打开运行,会要求微信扫码登陆。之后,就可以看到创建项目的页面了。

选择添加项目,没有 appID 就选无(如果乱写会报错,到时可能无法进入项目)。

点击“添加项目”之后,我们会进入开发工具的调试页面。

图片[4]-微信小程序怎么做开发-微信小程序详细的开发和搭建教程,可以自己动手做小程序-OK资源网

第二步:下载小程序源码

接下来,我们下载小程序」的源码。可以选择直接从官网提供的链接下载,也可以从微信团队的 GIThub 仓库拉取。推荐从 GIThub 仓库拉取,这样可以及时获取最新的代码。

第三步:部署 seRveR 代码

虽然服务端的开发不是本文的重点,但是为了全面地体验小程序」的整个开发部署流程,我们还是有必要了解服务端的部署,详情可以去花生壳了解哈。

第四步:准备域名配置证书

如果你已经有了服务器域名,并配置好了 https,那么可以跳过第 4-6 步了。

微信小程序中,所有的网络请求受到严格限制,不满足条件的域名和协议无法请求。简单来说,就是你的域名必须走 https 协议。所以你还需要为你的域名申请一个证书。如果没有域名,可以先注册一个免费域名,然后登录微信公众平台配置通信域名

图片[5]-微信小程序怎么做开发-微信小程序详细的开发和搭建教程,可以自己动手做小程序-OK资源网

第五步:nginx 配置 https

微信小程序端示例镜像中,已经部署好了 nginx,但是还需要修改配置中的域名证书、私钥。

配置完成后,重新加载配置文件并且重启 nginx。

第六步:域名解析

我们还需要添加域名记录,将域名解析服务器上,这样才可以使用域名进行 https 服务。可以在花生壳注册域名,通过注册域名的控制台来添加主机记录,解析生效后,域名就支持 https 访问了。

第七步:启动「小程序」的服务

进入相应目录,如果是你自己的服务器,请进入相应的文件夹启动

第八步:配置小程序通信域名

接下来,在微信 web 开发者工具打开「小程序」项目,并把源文件config.js中的通讯域名 host 修改成你自己申请域名

然后点击调试,即可打开小程序Demo开始体验

图片[6]-微信小程序怎么做开发-微信小程序详细的开发和搭建教程,可以自己动手做小程序-OK资源网

© 版权声明
THE END
喜欢就支持一下吧
点赞5 分享
评论 抢沙发