第一个微信小程序

序言

作为一个工作3年多的iOS开发者,当推出微信公众号时,自己就有很大的紧迫感,感觉自己的工作会不会被取代,看了一段时间,发现自己要学的太多,自己的工作也挺忙的,慢慢的就淡忘了,感觉对自己的工作也不会有太多的影响。直到2017年1月份微信又推出了小程序,小程序的流畅度和用户体验要比公众号的强很多,自己根据网上的知识和微信的文档完成了一个小程序的demo,也喜欢上了小程序。

准备工作

1.在微信公众平台注册一个账号(微信公众平台

2.点开设置--->基本设置完成后

3.服务器域名,这一块好麻烦,当初自己要在腾讯云买个域名的,不过还蛮贵的,就在网上搜索,多写天行数据提供数据支持(天行数据)域名的方法如下:

注意:request合法域名基本上一定要填写,因为只要小程序需要服务器,基本上就需要这个设置。socket合法域名一般是小程序功能涉及即时通信时需要。uploadFile合法域名和downloadFile合法域名分别是小程序功能涉及上传文件和下载文件时需要。也就是说第一项基本是必填,后面三项根据功能选填。

下面我们以娱乐新闻为例:(http://api.tianapi.com/huabian/?key=APIKEY&num=10)把你在天行数据的注册后,在个人中心的APIKEY。

4.打开微信开发者工具,在微信公众平台上的AppID填写上,就关联上了,打开微信公众平台--->设置

展示

1.json 后缀的 JSON 配置文件 2.wxml 后缀的 WXML 模板文件 3.wxss 后缀的 WXSS 样式文件 4.js 后缀的 JS 脚本逻辑文件

这个项目里边生成了以上不同类型的文件,这时候,可以参考一下文档(https://mp.weixin.qq.com/debug/wxadoc/dev/quickstart/basic/file.html)

这时候,你就可以在网上下载一个别人的demo,比着做一下,就很会块的了解小程序,,比你想象中过简单多多了!

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

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏腾讯社交用户体验设计

[ISUX译]iOS 9人机界面指南(三):iOS 技术 (中) - 腾讯ISUX

1485
来自专栏phodal

使用 React Native 重写大型 Ionic 应用后,我们想分享一下这八个经验

本文的内容是关于 React Native 重写的经验分享,基于 React Native 重写 Ionic 应用Growth 过程中遇到的一些坑。 Growt...

2266
来自专栏无原型不设计

如何设计出正确的搜索模式?

以下内容由Mockplus团队翻译整理,仅供学习交流,Mockplus是更快更简单的原型设计工具。 ? 如果你正在阅读这篇文章,那么你一定正在设计一个有搜索...

3206
来自专栏即时通讯技术

腾讯技术分享:Android版手机QQ的缓存监控与优化实践

对于Android应用来说,内存向来是比较重要的性能指标。内存占用过高,会影响应用的流畅度,甚至引发OOM,非常影响用户体验。因此,内存优化也向来是行业内的重点...

952
来自专栏wblearn

我的Web开发实战总结(一)写在前面截图快速查询与快递单号我的待办事物办理与信息查询公告通知销售业绩与新客户业绩工作看板排行榜写在最后

最近一直在做项目,感觉没什么分享的所以一直没写。 今天不上班,就把最近做的一个demo做个简单的总结。

771
来自专栏noteless

8.web的发展 互联网发展 起源 历史 cgi web项目发展 企业应用web项目 框架 发展 互联网技术发展 互联网技术包括 web技术发展 web开发技术

计算机网络把分布于各地的单独的计算机连接起来,可以进行数据的共享与交互.这是web的根基

1102
来自专栏CSDN技术头条

IMVC(同构 MVC)的前端实践

导语 随着 Backbone 等老牌框架的逐渐衰退,前端 MVC 发展缓慢,有逐渐被 MVVM/Flux 所取代的趋势。 然而,纵观近几年的发展,可以发现一点,...

2156
来自专栏逻辑熊猫带你玩Python

“Ubuntu 16.04 桌面版使用体验报告”

看起来还不错,而且是正版软件哦~换了张壁纸,壁纸是系统自带的,笔者不是很喜欢纯纯的紫色。截图工具使用的是Ubuntu系统自带的截图工具。

2384
来自专栏Web 开发

纸上谈兵之高性能Web开发

今天一连两次被问到简历中提到的高性能Web开发方面的事,看来这种大标题很有诱惑力。

860
来自专栏大数据文摘

一个可以把web表单变成会话形式的开源框架

3815

扫码关注云+社区