百度360必应搜狗淘宝本站头条
当前位置:网站首页 > 技术文章 > 正文

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

cac55 2024-09-26 07:25 23 浏览 0 评论

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

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

2、基本配置

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

开发者基本配置:

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

2) 填写配置

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

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

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

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

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 就选无(如果乱写会报错,到时可能无法进入项目)。

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

第二步:下载「小程序」源码

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

第三步:云端部署 server 代码

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

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

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

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

第五步:Nginx 配置 https

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

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

第六步:域名解析

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

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

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

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

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

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

如果你觉得有价值的话,请点赞、关注和转发、收藏。了解更多互联网资讯,请加入微信公众号-西安酷客多程序, 微信小程序-西安酷客多程序进行分享。

相关推荐

14款健身APP蹿红 看看下载最多的是哪款?

Zombies,Run!($3.99,安卓,iOS)如果你的运动理念是:除非有人追,否则绝不跑起来,那么这款APP应该适合你。Zombies,Run!这款程序把单调的跑步过程变身为躲避僵尸的游戏...

微软官方彩蛋庆祝《回到未来》纪念日

2015年10月21日,是MartyMcFly和Brown博士回到未来的时间。现在,这一天真的到了,那么当时影片中展示的一些科技产品究竟有多少实现了呢?作为一家走在技术前沿的公司,日前,微软就在M...

时尚圈最潮同志情侣 帅到没朋友(同志情侣微信头像)

来源:MSN时尚综合|2015-03-0419:45:15男演员ZacharyQuinto(中)与男模MilesMcMillan(右)于纽约街头公开热吻。情人节这个拥有不同起源传说,最早可以...

IE浏览器阻止过期ActiveX控件或将影响网银的使用

IE浏览器网银IE浏览器网银如果经常使用IE浏览器浏览网页的用户,可能都有遇到过浏览器窗口提示安装ActiveX控件的情况,一般情况下用户也是会选择直接安装。ActiveX控件广义上是指微软公司的整...

如何使Microsoft Band连接到WP设备

如果你幸运地购买到了MicrosoftBand,那么恭喜你。现在我们(winbeta)推出了“帮助系列”,那些尚未买到MicrosoftBand的朋友可以了解设备的一些新功能,以及设备的其他关键特...

毕业生不得不看的五大骗局全揭秘(毕业生防骗)

目前,距离高校大学生毕业已不足100天,大部分毕业生都十分忙碌。论文定稿、答辩,参加招聘、面试等成了应届毕业生的头等大事。但随着毕业季的临近,不法分子专门针对毕业生的诈骗高发期也随之来临。360手机安...

菠萝觅生活是O2O应用流量入口最大的供应商

现在主流的传统O2O生活服务,他们其实都有一个共通点,那就是各行其道。打车有快的,滴滴,外卖有饿了么,买机票有去哪儿网…每个APP都有着自己的核心竞争力。而用户呢?既想拥有海量有趣应用,又担心占用过多...

WP8.1版MSN健康应用,现已支持锁屏计步

IT之家(www.ithome.com):WP8.1版MSN健康应用,现已支持锁屏计步@WP之家报道,微软今天已将必应系列应用品牌归为MSN,除此之外,WP8.1版MSN健康和天气应用也获得一些新的...

短信就能传播手机病毒?看完推理惊呆了!

很多人都收到过一种带网址的陌生短信,有的人会点击网址看看,有的还会在好奇心驱使下回复短信。近日《北京新发现》栏目报道了一起离奇的电信诈骗案,事主耿先生的银行卡从未离身,但是在收到一条带网址的陌生短信,...

微软OneClip:我承包了你的剪贴板(微软onedrive云空间)

不久前,Twitter用户WalkingCat曝光了微软一款名为OneClip的应用。这是一款剪贴板应用,根据描述这款应用将覆盖Windows10(包括桌面和移动)、iOS和Android平台,可以...

Windows 10手机应该是什么样?微博用户给出了概念图

随着Windows10发布的不断临近,WindowsPhone的用户对Windows10的旗舰手机的期望也越来越高,我们WP中文网也在微博上发出了同样的问题,搜集用户对Windows10的硬...

云管家出席武汉2015年支付宝O2O生态峰会

2月4日,蚂蚁金服O2O生态峰会在武汉启幕。此次峰会展现了2015年蚂蚁金服在O2O领域的开放思路和策略,以及合作伙伴对O2O的创新观念及思路分享,吸引了武汉近3000名企业大佬、众多创业者、第三方服...

微软将于下周开启Windows开发中心帐号迁移工作

自下周开始微软将启动Windows开发中心的帐号迁移工作。根据WindowsBuildingApps博客透露Windows开发中心帐号迁移工作将会分为几个阶段。首个阶段从下周开始持续到今年7月份...

如何解绑已经合并的MSN账户和Skype账户?

如果您绑定的账户已经充值,建议您把产品消耗完毕后,再进行解绑。当您需要解绑合并的账户时,可登入Skype点卡账户自助操作。输入Skype或MSN账号、密码登录账户:登录后,可在页面左下角选择语言"中文...

微博账号已显示所属MCN机构,成为目前第二个上线该功能的平台

7月25日,多位网友发现,部分微博大V的个人主页已经显示其所属的MCN机构名称,微博也成为目前第二个上线该功能的平台。【来源:中新经纬】声明:此文版权归原作者所有,若有来源错误或者侵犯您的合法权益,您...

取消回复欢迎 发表评论: