微信小程序入门

登录微信,点击发现操作栏进入的页面,在页面的最下方,有个小程序,点击进去,有很多的小程序列表。对于每一个小程序,直接点击就可以使用,不需要下载。不像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 条评论
登录 后参与评论

相关文章

来自专栏张善友的专栏

社区网站系统 jsGen

jsGen是用纯JavaScript编写的新一代开源社区网站系统,主要用于搭建SNS类型的专业社区,对客户端AngularJS应用稍作修改也可变成多用户博客系统...

26850
来自专栏小文博客

OCE – Online Code Editor

16810
来自专栏互联网数据官iCDO

Google代码管理工具101 部分5-表单

主编前言: 很多朋友都听说过Tag Management(监测代码管理),但其强大的功能和实现方式,了解的朋友不多。本系列以Google Tag Manager...

39650
来自专栏美团技术团队

美团点评境外度假团队前端项目开发实践总结

前言 随着前端项目数量和规模越来越大,参与的人员也越来越多,如何在前端项目开发过程中保证优质的开发者体验和项目的可维护性,同时确保极致的用户体验将会是一个非常大...

47580
来自专栏全华班

分享一套内容信息管理系统(CMS源码版)

内容管理系统是一种位于WEB前端(Web 服务器)和后端办公系统或流程(内容创作、编辑)之间的软件系统。内容管理解决方案重点解决各种非结构化或半结构化的数字资源...

88210
来自专栏游戏杂谈

蛋疼的flash player插件

后来,在cmd下运行chrome --allow-outdated-plugins,结果正常了,不提示了!!再双击桌面的chrome图标,也正常了!!!

21320
来自专栏微信小程序开发

小程序中wx.xx is not a function的报错

32040
来自专栏腾讯移动品质中心TMQ的专栏

腾讯TMQ在线沙龙|Robotium自动化测试介绍

Robotium自动化测试介绍 活动时间:2016年9月29日 QQ群视频交流 活动介绍:TMQ在线沙龙第九期分享 本次分享的主题是Robotium自动化测试介...

25750
来自专栏向治洪

携程React Native实践

React Native(下文简称 RN)开源已经一年多时间,国内各大互联网公司都在使用,携程也在今年 5 月份投入资源开始引入,并推广给多个业务团队使用,本文...

41170
来自专栏逸鹏说道

网站定位之---根据IP获得区域

记得以前做一个培训机构网站时候需要定位,那时候用的搜狐的api,不是很精准。 后来做电商的时候用的新浪的api,感觉还行,,,,,当时就想要是有本地ip库多爽啊...

42950

扫码关注云+社区

领取腾讯云代金券