如何一键式搭建微信小程序
ifengdzh
8年前
<h2><strong>有了微信小程序,对你到底意味着什么?</strong></h2> <p>对于用户来说,再也 <strong>不用担心手机的内存不够用</strong> 了!一个 <strong>小程序只有1M</strong> ,随便卸载一个App,就能安装很多小程序!</p> <p>对于老板来说,你不再需要花费 <strong>数十万</strong> 来去请外包公司帮你去开发一个App来,而且还 <strong>不能做多机型的适配</strong> !</p> <p>对于开发者来说,你有了一个 <strong>新的做私活的机会</strong> !微信小程序的模式让你 <strong>轻轻松松一个人完成所有任务</strong> !</p> <h2><strong>接入微信小程序,我们究竟有哪些问题?</strong></h2> <p>微信小程序,是一个新生事物,和我们的传统的Web业务并不相同,而其基于JS的语法,也让很多前端开发工程师涌入其中。那么微信小程序究竟有哪些问题,需要我们来克服的呢?</p> <ol> <li> <p>小程序现有的SDK/Demo都是主要面临本地的服务,对于相对核心的云端业务,依然是保密的,开发者们仍需要一个组件一个组件的来构建自己的云端组件,过程冗繁。</p> </li> <li> <p>由于苹果的限制,微信小程序的所有请求都需要基于HTTPS来完成,然而很多个人开发者并不使用HTTPS来保护自己的云端应用。初次接入,成本高、速度慢。</p> </li> <li> <p>小程序对鉴权流程的安全性要求较高,开发者想要完成一个高效安全的会话管理组件难度较大。</p> </li> <li> <p>小程序虽然提供了WebSocket,但是大多数的开发者在日常开发时并不会接触到相关的问题,初次上手WebSocket,开发者们又该如何处理?</p> </li> <li> <p>小程序不同于现有的公众号,用户进入与运营的运作有极大关系。微信小程序依赖场景划分用户,随时可能会有流量暴增的可能。对架构的要求更高。</p> </li> </ol> <p>种种问题都告诉我们,我们已经不能使用以往开发的模式,而是使用一种新的模式来去应对微信小程序的爆红。</p> <h2><strong>快速构建微信小程序服务端,你可以来试试这个!</strong></h2> <p>腾讯云针对上述痛点,为开发者们提供了一个微信小程序的云端脚手架,通过对云端代码的简单修改,就可以实现你自己复杂的线上业务逻辑!</p> <ol> <li> <p>一键自动完成域名的注册解析以及云端资源的分配初始化,快速搭建具备云端能力的专属小程序,提高小程序开发的效率;</p> </li> <li> <p>原生支持HTTPS/WSS,配备BGP高防,域名智能解析及防劫持等多重安全防护体系,证书申请部署对开发者透明,减少开发者不必要的麻烦;</p> </li> <li> <p>提供完整的鉴权会话管理服务,保证帐号安全同时提升小程序开发的效率;</p> </li> <li> <p>针对小程序帐号鉴权及webSocket长链接通信等特性,提供会话管理及webSocket信道等基础服务帮助开发者高效完成小程序开发并提供pass级的webSocket信道服务,降低开发者使用webSocket通信的门槛;</p> </li> <li> <p>基于应用需求灵活配置,针对微信小程序传播可能出现的流量暴增,提供弹性伸缩的解决方案,从容应对高并发场景!在特定时点或者CPU/内存达到某个阀值后自动扩容,随后自动缩容,轻松应对高并发;</p> </li> </ol> <h3><strong>创建服务</strong></h3> <p><img src="https://simg.open-open.com/show/83171f4504295d9771988c917e4a18a7.png"></p> <p style="text-align: center;">微信小程序</p> <p>填写完信息,收到了开通的信息后,开始正式开通小程序</p> <p style="text-align: center;"><img src="https://simg.open-open.com/show/b0d78eb71e9bd039397b8754afdde33e.png"></p> <p style="text-align: center;">img</p> <p>我们可以看到,腾讯云为我们提供了多种可选的语言,选择一个我们自己最为熟悉的语言,这样我们可以对腾讯云提供的服务进行定制化的修改,这里我选择的是NodeJS.</p> <p>在选择好后,点击立即创建,然后进入等待创建的界面</p> <p><img src="https://simg.open-open.com/show/804c84ac37d773a3d93801fd397784f7.png"></p> <p style="text-align: center;">img</p> <p><img src="https://simg.open-open.com/show/b155a953304db49bf9f72d38f035a661.png"></p> <p style="text-align: center;">img</p> <p>我们可以看到,腾讯云为我们一键创建了多种云服务/比如负载均衡、业务云服务器、会话管理云服务器、云数据库等,还贴心的帮我们申请了一个免费的HTTPS证书,帮助我们来快速调试,免得我们没有SSL证书,免去申请证书得麻烦!</p> <p>在等待一会后,我们就可以看到提示:</p> <p><img src="https://simg.open-open.com/show/0edd334db10d80782dfe6a1550db8233.png"></p> <p style="text-align: center;">img</p> <p>点击左侧的总览,可以看到 腾讯云微信小程序解决方案 为我们创建的所有云资源</p> <p><img src="https://simg.open-open.com/show/2c5d1375856c36adcd02638e0265f2b4.png"></p> <p style="text-align: center;"> </p> <h3><strong>配置小程序</strong></h3> <p>接下来,我们就可以开始进行微信小程序的配置了。</p> <p>首先,我们要登陆微信小程序的后台来修改域名配置</p> <p style="text-align: center;"><img src="https://simg.open-open.com/show/5fcf4d24dc5cc7508e496cf52e24552c.png"></p> <p style="text-align: center;"> </p> <p>我们只需要根据页面上的提示,进行设置就可以了</p> <p style="text-align: center;"><img src="https://simg.open-open.com/show/b248116ffc1a53c32e4a3e153684d18c.jpg"></p> <p style="text-align: center;"> </p> <p>设置完成后,我们可以稍等几分钟重启微信开发者工具生效。</p> <h3><strong>配置本地源码</strong></h3> <p>接下来,我们来配置本地源码</p> <p style="text-align: center;"><img src="https://simg.open-open.com/show/c994d3364b97f7e6a713ddca8d68f8de.png"></p> <p>img</p> <p>这里我使用的是Git来下载源码。</p> <p style="text-align: center;"><img src="https://simg.open-open.com/show/c2ff39d4910547d12e479033a3b1b65c.png"></p> <p style="text-align: center;">img</p> <p>下载好后,打开我们的微信小程序开发工具,创建一个新的项目</p> <p style="text-align: center;"><img src="https://simg.open-open.com/show/a28f86253590ec06d488ee6bf4e50b04.png"></p> <p> </p> <p>项目目录选择我们刚刚下载的源码的目录,然后点击添加项目,进入项目页面。</p> <p>然后修改下我们本地的配置文件</p> <p style="text-align: center;"><img src="https://simg.open-open.com/show/f0b791ec7ff971227908c4d55b431552.png"></p> <p> </p> <p>将其中</p> <pre> var host = '65169084.qcloud.la';</pre> <p>中的域名改为 腾讯云微信小程序解决方案 为你创建的域名。</p> <p>修改完成后,保存,点击左侧的调试,进入调试界面,点击其中的预览,并扫码,就可以进入真机测试了!接下来,来看看我们的微信小程序做出的成品吧!</p> <p style="text-align: center;"><img src="https://simg.open-open.com/show/de6cb5b93fab5e64ed858db703b946dd.png"></p> <p> </p> <p style="text-align: center;"><img src="https://simg.open-open.com/show/d7d519048f157c500c85382aace6702f.gif"></p> <p> </p> <p> </p> <p>来自:http://www.jianshu.com/p/2afbb6440eac</p> <p> </p>