专栏首页JackieZheng小程序新能力-个人开发者尝鲜微信小程序

小程序新能力-个人开发者尝鲜微信小程序

个人开发者的福利

微信小程序,刚听到这个新名词的时候,我就兴冲冲的去找入口,看看自己能不能搞个微信小程序的HelloWorld,毕竟能在微信上把自己写的一些小工具跑起来还是满炫酷的。 没想,网上一查,当时还不支持个人开发者开发小程序。但是今天无意间看到公众号的上的头条,个人开发者也可以开发微信小程序了。

今天正好调休在家,就看了如何申请账号,搭建环境以及运行发布项目的。

申请账号

因为在微信公众号看到这条消息,想当然认为小程序应该在公众号里面,找了一通,除了在“开发者工具”->"开发者文档"->"其他文档"中看到有关小程序的介绍外,并没有其他更详细的信息了。 于是点开上图中的链接,才知道需要到mp.weixin.qq.com注册。

注册的具体细节就不说了,官方有给详细的文档,点注册文档 注意:这里并不能直接用之前注册号的公众号的账户和密码,需要用一个之前没有注册过的邮箱来注册一个新的小程序的账号。

账号申请成功就可以登录,登录后的界面如下

环境搭建

按照上图的“小程序发布流程”的提示,依次完成每个步骤。

  • 小程序信息: 包括小程序的名称, 头像,介绍等信息
  • 小程序开发与管理
    • 开发工具:点击超链接,我选的是Mac版本,安装完后得到如下的小程序开发的IDE
    • 添加开发者:显然我是管理员,无需授权
    • 配置服务器:在小程序界面左下方有个“设置”选项,点击进入切换到“开发设置”可以看到有个AppID,这个ID可以用于后面发布以及搜索到你发布后的小程序
    • 帮助文档:自取
  • 版本发布: 注册文档这个链接中同时也有如何上传代码,预览你的小程序效果(因为我的手机版本太低,没办法预览)提交审核到最终发布等等。我今天提交的一个小程序现在还在审核状态~~~

实战

工具文档都有了,我们可以撸起袖子写代码了。印象中,有段时间在博客园中有看到不少同学些小程序的文章,悄悄搜了一把,确实不少,而且看做的效果都挺好的,既然这样我就没有必要造轮子了,毕竟一天的时间既要写代码又要调样式还是有点不够。 看了Oopsguy有多篇有关小程序的文章,并且开源了代码。于是我在豆瓣图书这个项目的基础上写了一个简易的快递查询小程序——快递一点通

  • 准备API 找了一个可以查询快递的第三方网站,通过chrome浏览器的开发者工具看了下请求数据的过程,大致分为两步 第一步:检测用户输入的快递单号,通过POST请求的方式向后台发送数据得到快递所属的快递公司 (我仔细观察了下,只有当订单号超过5位的时候才会发送请求,另外如果输入很快,则不会输入一个数字就发送一个请求)

上图就是我在较慢输入的时候,每次输入都生成一个post请求。 这次请求主要是为了得到这个快递是来自哪家快递公司,因为在查询快递单号的时候你并不需要选在是顺丰还是圆通申通还是韵达等等。 在返回的结果中,我们可以得到快递公司的名称,类似这样

第二步:根据上一步得到的快递公司以及用户输入的快递单号查询快递详情 这次使用的是GET方式的请求,主要两个参数分别是快递公司的名称,就是上图中的comCode以及用户输入的快递单号。 得到的结果就是该快递单号对应的快递详情信息

  • 编写小程序 有了上面的API接口,我们就可以把这些用到小程序中了。下面就是基于Oopsguy的豆瓣图书的小程序项目做了一个改动,使之从豆瓣图书搜索的小程序编变成查询快递信息的快递一点通小程序。

项目结构如下

其中分别对requests目录下的app.js以及request.jspages下的index做了改动。 得到效果如下

今天网络太卡了,先到这吧,算是尝鲜了。 小程序已经发布,微信搜索“快递在哪里”就可以用了

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • 可视化(番外篇)——SWT总结

      本篇主要介绍如何在SWT下构建一个应用,如何安装SWT Designer并破解已进行SWT的可视化编程,Display以及Shell为何物、有何用,SWT中...

    JackieZheng
  • Go语言入门——数组、切片和映射(下)

      不管是数组、切片还是映射结构,都是一种集合类型,要从这些集合取出元素就要查找或者遍历。

    JackieZheng
  • 学习SpringMVC——如何获取请求参数

      @RequestParam,你一定见过;@PathVariable,你肯定也知道;@QueryParam,你怎么会不晓得?!还有你熟悉的他(@CookieV...

    JackieZheng
  • 退换货下单接口-快递员上门取件API

    (1)此功能是为买家在退货时,提供的一种省心,便捷的物流服务,当买家购买的商品在申请换货或者发起维权投诉时需要退货,不需要自己邮寄商品,由物流公司安排快递员上门...

    老杨占线
  • ASP获取微信小程序的OpenID服务器端代码

    尝试一下新鲜事物“微信小程序”,其中有一个业务场景,通过微信登陆小程序,这样需要获取小程序的用户ID(也就是openid)。微信小程序从安全角度考虑,不提供直接...

    疯狂的小程序
  • 个人开发者如何申请微信小程序

    作为一个间接性拖延症患者,直到昨天微信小程序疯转之后,我才想起来去做个 demo 试试。 把之前的 python 网页编辑器(公众号最右菜单栏->在线编程)移植...

    Crossin先生
  • 小程序终于成为了我们的唯一创业选择!

    用户1745481
  • 健身俱乐行业搭上微信小程序顺风车 开发制作搭建方向在哪里?

    微信小程序逐渐强大,使用的行业也越来越多,微信小程序用户数量增长速度更是势不可挡。目前的市场热点来看,国人健身意识越发强烈,各大健身房如雨后春笋般冒出。而健身行...

    速成应用小程序开发平台
  • 一篇文章告诉你,为什么小程序能够火的一塌糊涂!

    据微信官方数据显示,目前小程序已有超过3亿用户,简直火的一塌糊涂,小程序未来可能带来的颠覆还会更多,作为一个服务工具连接各行各业,真正实现互联网时代,不论是传统...

    用户1745481
  • 小程序上线一周后,分享一些经验和数据

    知晓君

扫码关注云+社区

领取腾讯云代金券