小程序初体验

简述

本文简述小程序实现过程,及总结期间遇到问题

需求分析

基于以往抓取空气质量数据,实现微信小程序中展示城市小时、日数据,让公众更便捷了解自己关注城市实时空气质量趋势

主要技术

数据支撑技术

数据抓取 ——> Python
数据存储 ——> Sql Server && Mongodb
数据服务 ——> WebApi

注:抓取、存储、服务均可使用其他 语言 / 软件 替换

小程序实现

前端展示 ——> 微信小程序
UI ——> WeUI
图表插件 ——> wx-charts

实现过程

功能拆分

功能拆分

功能实现

1、基于功能导图,搭建主体目录结构划分


目录结构

2、封装公共数据请求方法,例如数据请求

function fetchData(params) {
  let API_URL = 'https://******/WebApi/api/Query'

  return new Promise((resolve, reject) => { 
    wx.request({
      url: `${API_URL}`,
      data: Object.assign({}, params),
      header: { 'Content-Type': 'json' },
      success: resolve,
      fail: reject
    })
  })
}

3、基于 组件WeUI 选择合适模板搭建视图,再切换实际数据源进行调整,语法、绑定、循环、事件等均可参见官方API,可能因之前接触过Vue,感觉比较好上手
4、实现单视图模型后,不断优化整合类似功能、业务视图模型

主要功能流程

经验总结

目前小程序支持个人上传发布,但正式上线,其使用服务必须https

赋值方式

//赋值后视图及时响应
that.setData({
  scene: 'xxx'
})
//赋值后视图不响应
that.data.scene: 'xxx'

体验版分享

1、若https未配置好,可打开开发工具,点击右上角详细,取消不校验安全域名、web-view 域名、TLS 版本以及 HTTPS 证书验证

image.png

2、开发完成后,可上传至体验版
image.png

3、登录微信公众平台 网页 ,添加待分享人员微信,给予对应权限
成员管理

4、回到开发工具,预览,手机扫码分享或通过小程序开发助手分析均可

https SSL证书

目前腾讯云SSL证书有免费版,可申请后安装至服务器,详细步骤可自行检索

腾讯云SSL证书

小程序名称

目前个人用户发布小程序不支持模糊搜索,英文区分大小写,建议使用简洁中文命名,小程序名称 1 年限制修改 2

小程序审核周期

亲测第一次审核周期 5 工作日,第二次审核周期 4 小时,仅供参考

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 206,311评论 6 481
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 88,339评论 2 382
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 152,671评论 0 342
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 55,252评论 1 279
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 64,253评论 5 371
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 49,031评论 1 285
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 38,340评论 3 399
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,973评论 0 259
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 43,466评论 1 300
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,937评论 2 323
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 38,039评论 1 333
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,701评论 4 323
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 39,254评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,259评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,485评论 1 262
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 45,497评论 2 354
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,786评论 2 345

推荐阅读更多精彩内容

  • 「小程序」这个划时代的产品发布快一周了,互联网技术人都在摩拳擦掌,跃跃欲试。可是小程序目前还在内测,首批只发放了 ...
    EarlGrey阅读 7,690评论 19 97
  • 当前端在谈论微信小程序的时候,iOS 开发在谈论什么。 本职是iOS 移动开发的,最近研究了一下比较火的微...
    伊尔今夏阅读 11,252评论 2 20
  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 171,506评论 25 707
  • 所有的交通方式里面,最不喜欢的就是飞机了。最焦灼的就是夜晚乘机,忘着窗外漆黑黑的一片,颠簸着,有时会突然忘记自己要...
    小彪儿想说的话阅读 160评论 0 0
  • 在勇往直前的这条路上,有很多东西都必不可少,但最近我才意识到,勇敢的地正视自己的短处或错误是最最重要的。 突破这些...
    千浮生阅读 258评论 0 0