微信小程序详细的开发和搭建教程,可以自己动手做小程序
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机构名称,微博也成为目前第二个上线该功能的平台。【来源:中新经纬】声明:此文版权归原作者所有,若有来源错误或者侵犯您的合法权益,您...
你 发表评论:
欢迎- 一周热门
- 最近发表
- 标签列表
-
- 如何绘制折线图 (52)
- javaabstract (48)
- 新浪微博头像 (53)
- grub4dos (66)
- s扫描器 (51)
- httpfile dll (48)
- ps实例教程 (55)
- taskmgr (51)
- s spline (61)
- vnc远程控制 (47)
- 数据丢失 (47)
- wbem (57)
- flac文件 (72)
- 网页制作基础教程 (53)
- 镜像文件刻录 (61)
- ug5 0软件免费下载 (78)
- debian下载 (53)
- ubuntu10 04 (60)
- web qq登录 (59)
- 笔记本变成无线路由 (52)
- flash player 11 4 (50)
- 右键菜单清理 (78)
- cuteftp 注册码 (57)
- ospf协议 (53)
- ms17 010 下载 (60)