第一个微信小程序

序言

作为一个工作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 条评论
登录 后参与评论

相关文章

来自专栏无原型不设计

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

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

5976
来自专栏CSDN技术头条

流动的数据——使用 RxJS 构造复杂单页应用的数据逻辑

我们经常见到这么一些场景: 微博的列表页面; 各类协同工具的任务看板,比如 Teambition。 ? 这类场景的一个共同特点是: 由若干个小方块构成; 每个小...

2406
来自专栏逸鹏说道

NodeJS 应用仓库钓鱼

前言 城堡总是从内部攻破的。再强大的系统,也得通过人来控制。如果将入侵直接从人这个环节发起,那么再坚固的防线,也都成为摆设。 下面分享一个例子,利用应用仓库,渗...

2875
来自专栏CSDN技术头条

IMVC(同构 MVC)的前端实践

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

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

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

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

3194
来自专栏phodal

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

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

2506
来自专栏HBStream流媒体与音视频技术

DXGI快速截屏桌面直播技术

  很多地方都需要用到截屏/录屏技术,比如桌面直播,桌面录制等等。在微软Windows平台,有很多截屏的接口,不过大多数性能并不理想,Windows8以后微软引...

4226
来自专栏编程微刊

2018前端越来越流行的的技术

1455
来自专栏携程技术中心

干货 | IMVC(同构 MVC)的前端实践

作者简介 古映杰,携程度假研发部前端和 node.js 架构负责人。开源库 react-lite 作者。本文来自古映杰在“携程技术沙龙——新一代前端技术实践”上...

4825
来自专栏noteless

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

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

1372

扫码关注云+社区