微信小程序入门

登录微信,点击发现操作栏进入的页面,在页面的最下方,有个小程序,点击进去,有很多的小程序列表。对于每一个小程序,直接点击就可以使用,不需要下载。不像APP,需要下载安装太多的应用。不要下载就可以使用,也正是小程序的特色。正因为这种触手可及的应用形态,让小程序应用越来越多。

首先,我们需要了解什么样的‘App’可以用微信的小程序。

我们比较的重要的并且高频使用的,像我们的滴滴,QQ等,选用原生App, 对于 一些低频使用率,但是挺重要的,就可以使用小程序来做。小程序还可以作为原生App 的入口导向。原生App 的开发成本相对与小程序开发来说,成本要高很多。 所以,在日常开发中,小程序开发都是一个相对好的选择。

微信的四大号:订阅号,服务号,企业号,应用号(小程序),而应用号可以改善前面的三个的用户体验。微信小程序的技术点,采用了JavaScriptCore的动态解析(JavaScriptCore框架 是一个苹果在iOS7引入的框架,该框架让 Objective-C 和 JavaScript 代码直接的交互变得更加的简单方便。)

那么,在小程序开发之前我们最好要掌握最基本知识,熟悉html/css,JavaScript/ES6,按照微信的开发规则,了解文档里面的框架,组件和API。准备工作做好后,就可以开始我们的第一个小程序。

在微信的官方文档里面,我们按照步骤先申请注册一个小程序开发账号,然后在开发者设置中找到小程序的ID,保留并记住这个小程序开发的ID(在后期项目中我们需要使用这个ID),同时下载开发工具,工具下载后,就可以开始我们的第一个小程序。

点击我们下载好的微信开发者工具,选择小程序项目,填写好我们之前申请保管的那个ID,项目名称,选择项目地址(我是选择桌面,这样比较好找),给项目起个好听的名字。

在上图的右边我们可以看到小程序的项目结构和文件构;看到一个视频介绍说我们可以把wxml =》html,看到wxml就可以理解为我们平时用的html文件,wxss => css,js =>js,则就通俗易懂多了。.wxml 是页面的结构文件,.js 文件是页面的脚本文件,在这个文件中我们可以监听并处理页面的生命周期函数、获取小程序实例,声明并处理数据,响应页面交互事件等。.wxss文件则是页面的样式表,写法和我们的.css一样。.json文件是配置文件。下一章总结常用的布局语法。

微信小程序官方开发文档

W3Cschool官网微信小程序文档

微信JS-SDK说明文档

小程序开发工具: windows 64 , windows 32 , mac

原创声明,本文系作者授权云+社区发表,未经许可,不得转载。

如有侵权,请联系 yunjia_community@tencent.com 删除。

编辑于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏Python中文社区

构建一个pip安装的车辆路径显示的Python包

專 欄 ❈treelake,Python中文社区专栏作者。 简书: http://www.jianshu.com/u/66f24f2c0f36 ❈ 最近有一些...

19810
来自专栏黑白安全

图片后门制作

图片绑定后门,由于过程稍复杂,大家如果有不懂的地方请在下面留言,看到了会回复大家的。

702
来自专栏子勰随笔

微信公共帐号自定义菜单创建

22210
来自专栏华仔的技术笔记

Mac端接入qyb矿池的安装说明

2623
来自专栏学海无涯

Android开发之社会化分享功能集成

现在越来越多的应用都集成了社交分享功能,国内用的比较多的就是 友盟和Mob 分享,今天以Mob分享为例,来完整介绍一个集成的案例。 1. 获取ShareSDK的...

3498
来自专栏知晓程序

手把手教你用上微信小程序,看完必懂!

1022
来自专栏小白课代表

百度有广告?电影没处下?网页不让复制?贴吧页面太丑?今天课代表全方位强化你的浏览器。

在百度搜索了某个问题却发现第一页都是广告?好不容易找到了一篇文档却发现不让复制?在豆瓣看到一个评分很高的电影,想看却找不到资源?看到一张图片还要打开才能看高清大...

792
来自专栏小文博客

visual studio code-最好的h5开发工具

2393
来自专栏闰土大叔

vue菜鸟从业记:完成项目最后一公里之真机测试和打包上线

昨天下班后,王小闰在朋友圈看到很多城市都下雨了,有位童鞋发了一张他下班后在等车的照片,让我的朋友王小闰感触颇深,让他回忆起了当年在杭州工作的职场生活,于是将这张...

941
来自专栏杨建荣的学习笔记

搭建知识库xwiki

之前自己使用Django admin和suit完成了初步的个人知识库管理,基本完成了我自己的浏览器标签库和微信公众号的统一管理,但是有一个问题,那就是目前我只能...

3875

扫码关注云+社区