有了微信小程序,对你到底意味着什么?

对于用户来说,再也不用担心手机的内存不够用了!一个小程序只有1M,随便卸载一个App,就能安装很多小程序!

对于老板来说,你不再需要花费数十万来去请外包公司帮你去开发一个App来,而且还不能做多机型的适配!

对于开发者来说,你有了一个新的做私活的机会!微信小程序的模式让你轻轻松松一个人完成所有任务!

接入微信小程序,我们究竟有哪些问题?

微信小程序,是一个新生事物,和我们的传统的Web业务并不相同,而其基于JS的语法,也让很多前端开发工程师涌入其中。那么微信小程序究竟有哪些问题,需要我们来克服的呢?

  1. 小程序现有的SDK/Demo都是主要面临本地的服务,对于相对核心的云端业务,依然是保密的,开发者们仍需要一个组件一个组件的来构建自己的云端组件,过程冗繁。
  2. 由于苹果的限制,微信小程序的所有请求都需要基于HTTPS来完成,然而很多个人开发者并不使用HTTPS来保护自己的云端应用。初次接入,成本高、速度慢。
  3. 小程序对鉴权流程的安全性要求较高,开发者想要完成一个高效安全的会话管理组件难度较大。
  4. 小程序虽然提供了WebSocket,但是大多数的开发者在日常开发时并不会接触到相关的问题,初次上手WebSocket,开发者们又该如何处理?
  5. 小程序不同于现有的公众号,用户进入与运营的运作有极大关系。微信小程序依赖场景划分用户,随时可能会有流量暴增的可能。对架构的要求更高。

种种问题都告诉我们,我们已经不能使用以往开发的模式,而是使用一种新的模式来去应对微信小程序的爆红。

快速构建微信小程序服务端,你可以来试试这个!

腾讯云针对上述痛点,为开发者们提供了一个微信小程序的云端脚手架,通过对云端代码的简单修改,就可以实现你自己复杂的线上业务逻辑!

  1. 一键自动完成域名的注册解析以及云端资源的分配初始化,快速搭建具备云端能力的专属小程序,提高小程序开发的效率;
  2. 原生支持HTTPS/WSS,配备BGP高防,域名智能解析及防劫持等多重安全防护体系,证书申请部署对开发者透明,减少开发者不必要的麻烦;
  3. 提供完整的鉴权会话管理服务,保证帐号安全同时提升小程序开发的效率;
  4. 针对小程序帐号鉴权及webSocket长链接通信等特性,提供会话管理及webSocket信道等基础服务帮助开发者高效完成小程序开发并提供pass级的webSocket信道服务,降低开发者使用webSocket通信的门槛;
  5. 基于应用需求灵活配置,针对微信小程序传播可能出现的流量暴增,提供弹性伸缩的解决方案,从容应对高并发场景!在特定时点或者CPU/内存达到某个阀值后自动扩容,随后自动缩容,轻松应对高并发;

创建服务

微信小程序

填写完信息,收到了开通的信息后,开始正式开通小程序

img

我们可以看到,腾讯云为我们提供了多种可选的语言,选择一个我们自己最为熟悉的语言,这样我们可以对腾讯云提供的服务进行定制化的修改,这里我选择的是NodeJS.
在选择好后,点击立即创建,然后进入等待创建的界面

img

img

我们可以看到,腾讯云为我们一键创建了多种云服务/比如负载均衡、业务云服务器、会话管理云服务器、云数据库等,还贴心的帮我们申请了一个免费的HTTPS证书,帮助我们来快速调试,免得我们没有SSL证书,免去申请证书得麻烦!
在等待一会后,我们就可以看到提示:

img

点击左侧的总览,可以看到腾讯云微信小程序解决方案为我们创建的所有云资源

s

配置小程序

接下来,我们就可以开始进行微信小程序的配置了。
首先,我们要登陆微信小程序的后台来修改域名配置

i

我们只需要根据页面上的提示,进行设置就可以了

1

设置完成后,我们可以稍等几分钟重启微信开发者工具生效。

配置本地源码

接下来,我们来配置本地源码

img

这里我使用的是Git来下载源码。

img

下载好后,打开我们的微信小程序开发工具,创建一个新的项目

1

项目目录选择我们刚刚下载的源码的目录,然后点击添加项目,进入项目页面。
然后修改下我们本地的配置文件

1

将其中

var host = '65169084.qcloud.la';

中的域名改为腾讯云微信小程序解决方案为你创建的域名。
修改完成后,保存,点击左侧的调试,进入调试界面,点击其中的预览,并扫码,就可以进入真机测试了!接下来,来看看我们的微信小程序做出的成品吧!

s

show

如何一键式搭建微信小程序的更多相关文章

  1. 一个小时快速搭建微信小程序教程

    「小程序」这个划时代的产品发布快一周了,互联网技术人都在摩拳擦掌,跃跃欲试.可是小程序目前还在内测,首批只发放了 200 个内测资格(泪流满面).本以为没有 AppID 这个月就与小程序无缘了,庆幸的 ...

  2. 一个小时快速搭建微信小程序

    「小程序」这个划时代的产品发布快一周了,互联网技术人都在摩拳擦掌,跃跃欲试.可是小程序目前还在内测,首批只发放了 200 个内测资格(泪流满面).本以为没有 AppID 这个月就与小程序无缘了,庆幸的 ...

  3. 搭建微信小程序服务

    准备域名和证书 任务时间:20min ~ 40min 小程序后台服务需要通过 HTTPS 访问,在实验开始之前,我们要准备域名和 SSL 证书. 域名注册 如果您还没有域名,可以在腾讯云上选购,过程可 ...

  4. 搭建微信小程序基本的https与wss环境

    年底了写一篇小程序环境搭建的文章, 主要是怎么搭建一个线上环境以及怎么不改动原有http Api的情况 1.准备工作 域名一个 免费证书(推荐: 腾讯云.阿里云.便宜ssl 都是免费的 配置好后先将证 ...

  5. 腾讯云&搭建微信小程序服务

    准备域名和证书 任务时间:20min ~ 40min 小程序后台服务需要通过 HTTPS 访问,在实验开始之前,我们要准备域名和 SSL 证书. 域名注册 如果您还没有域名,可以在腾讯云上选购,过程可 ...

  6. 搭建微信小程序开发环境

    1.下载开发工具 点击进入下载地址选择和自己电脑匹配的安装包,并安装: image.png 安装完成后出现应用icon: image.png 2.创建项目 能够扫码登录的前提是微信号已经注册了小程序, ...

  7. 基于centos搭建微信小程序服务,配置及数据库等

    基于centos搭建小程序, ps:请提前20天准备将域名备案,申请ssl证书 实验上机地址:https://cloud.tencent.com/developer/labs/lab/10004 准备 ...

  8. 使用wepy框架搭建微信小程序采坑记(一)

    1.什么是wepy 这个框架是腾讯内部出的一个类MVVM的小程序开发框架.大体上来说语法是类VUE的,所以如果有VUE开发经验的话迁移成本会低一些.至于具体的怎么使用我就不赘言了,有问题查文档(官方文 ...

  9. 基于mpvue搭建微信小程序

    mpvue是美团开源的一套语法,语法与vue.js一致,快速开发小程序的前端框架.框架基于vue.js核心,修改了vue.js的runtime和compiler实现,使用此框架,开发者可以完全使用vu ...

随机推荐

  1. js gettext

    test.php 1 <?php $locale='zh_CN'; if(isSet($_GET["locale"]))$locale = $_GET["local ...

  2. Python学习--和 Oracle 交互(2)

    当在 mac 电脑上用 Python 读取 oracle 数据库中的中文时,有可能返回数据为“?” 解决方案: 在数据库操作的函数前添加以下代码, import sysreload(sys)sys.s ...

  3. fcitx、ibus、scim

    我觉得还是小企鹅fcitx好用点,兼容性好.速度快.配置简单. 在debian stable下,ibus用apt-get install完以后根本就不出现. scim倒是不用配置自己出来了,但是问题多 ...

  4. C# 在WPF中使用Exceptionless异常日志框架

    登录http://exceptionless.com/官网,注册一个账户. 创建项目 选择wpf项目类型 拷贝下箭头指的这个密钥,过后程序里用的到. 下面我们打开vs,新建一个wpf的项目 打开git ...

  5. bower 安装后 jade 引用404问题

    这个问题困扰我接近2小时,这是我在stackoveflow 上面挖到的 原文地址:http://stackoverflow.com/questions/21821773/configure-node- ...

  6. TextBox Ctrl+A不能全选的问题

    问题: 当TextBox控件在设置了MultiLine=True之后,Ctrl+A 无法全选,十分影响使用体验. 对于这个问题不明所以,不知道是Bug,还是故意而为之... 解决1: 添加KeyDow ...

  7. sam(后缀自动机)

    后缀自动机ins解释 void ins(int c){ int p=last;//将当前节点的parent节点变为last int np=++cnt;//建立新节点 last=np;//将last设为 ...

  8. 百度地图sdk---pc端

    <div class="map" style="width: 1196px;height: 500px;margin: 50px auto;"> & ...

  9. vue中封装公共方法,全局使用

    1.以封装的合并单元格为例,首先建立一个util.js 2.在main.js中引用 3.直接在使用该方法的地方调用就可以了

  10. 【xsy3355】图 思维

    题目大意:给你一个n个点m条无向边的图,问这个图是否能够: 1,被四染色(用四种颜色给图染色,且相邻点颜色不同). 2,找出一个奇环,满足在原图中去掉这个奇环后每个点依然相邻. 请输出1或者2中的任意 ...