开发者社区> xiao-kai> 正文
阿里云
为了无法计算的价值
打开APP
阿里云APP内打开

从0开始创建小程序

简介: 小程序是一种全新的连接用户与服务的方式,它可以在微信内被便捷地获取和传播,同时具有出色的使用体验。
+关注继续查看

小程序简介

小程序是一种全新的连接用户与服务的方式,它可以在微信内被便捷地获取和传播,同时具有出色的使用体验。

小程序与普通网页开发的区别

小程序的主要开发语言是 JavaScript ,小程序的开发同普通的网页开发相比有很大的相似性。对于前端开发者而言,从网页开发迁移到小程序的开发成本并不高,但是二者还是有些许区别的。

网页开发渲染线程和脚本线程是互斥的,这也是为什么长时间的脚本运行可能会导致页面失去响应,而在小程序中,二者是分开的,分别运行在不同的线程中。网页开发者可以使用到各种浏览器暴露出来的 DOM API,进行 DOM 选中和操作。而如上文所述,小程序的逻辑层和渲染层是分开的,逻辑层运行在 JSCore 中,并没有一个完整浏览器对象,因而缺少相关的DOM API和BOM API。这一区别导致了前端开发非常熟悉的一些库,例如 jQuery、 Zepto 等,在小程序中是无法运行的。同时 JSCore 的环境同 NodeJS 环境也是不尽相同,所以一些 NPM 的包在小程序中也是无法运行的。

网页开发者需要面对的环境是各式各样的浏览器,PC 端需要面对 IE、Chrome、QQ浏览器等,在移动端需要面对Safari、Chrome以及 iOS、Android 系统中的各式 WebView 。而小程序开发过程中需要面对的是两大操作系统 iOS 和 Android 的微信客户端,以及用于辅助开发的小程序开发者工具,小程序中三大运行环境也是有所区别的。

小程序的运行环境

image

网页开发者在开发网页的时候,只需要使用到浏览器,并且搭配上一些辅助工具或者编辑器即可。小程序的开发则有所不同,需要经过申请小程序帐号、安装小程序开发者工具、配置项目等等过程方可完成。

安装微信开发者工具

安装地址https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html

根据自己的操作系统下载对应的安装包进行安装

注册账号

开发小程序的第一步,你需要拥有一个小程序帐号,通过这个帐号你就可以管理你的小程序。

点击进入微信公众平台

image

然后点击小程序点击前往注册

image

根据指引填写信息和提交相应的资料,就可以拥有自己的小程序帐号。

image

打开微信开发者工具用微信扫码登陆

image

创建微信小程序

image

后端服务选不使用云服务,模板选JavaScript模板,这些根据自己的需求来选

AppID登陆微信公众平台点击开发管理>开发设置把appid复制过来微信开发者工具的appid

imageimage

第一个小程序就建好了

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
小程序实现个人支付功能
1.小程序的支付功能一直有人咨询 2.以前一直以为个人开发者是不可以使用支付功能的 3.但是微信自己有个骚操作 ,所以个人也可以使用小程序功能 4.下面介绍
166 0
小程序 - 详解下载功能加图片下载并显示进度
小程序 - 详解下载功能加图片下载并显示进度
18 0
小程序同步异步
小程序同步异步
34 0
小程序业务实时监控
本方案主要解决如何基于阿里云服务为小程序快速部署实时监控,介绍了开通和配置相关产品以及查看安全防护效果的具体操作。适用小程序客户,前端可以支持微信小程序、支付宝小程序等。
1279 0
基于qml创建最简单的图像处理程序(1)-基于qml创建界面
《基于qml创建最简单的图像处理程序》系列课程及配套代码基于qml创建最简单的图像处理程序(1)-基于qml创建界面http://www.cnblogs.com/jsxyhelu/p/8343310.
1033 0
C语言及程序设计提高例程-30 字符和字符串处理函数
贺老师教学链接  C语言及程序设计提高 本课讲解 统计数字字符个数 #include <stdio.h> int main() { char str[50]; int i=0, n=0; printf("输入字符串:"); gets(str); while(str[i]!='\0') { if(isdigit(str
712 0
C语言及程序设计提高例程-29 实战字符串处理四例
 贺老师教学链接  C语言及程序设计提高 本课讲解 实战:字符串有多长 #include <stdio.h> int main() { char str[50]; int n=0; printf("输入字符串:"); gets(str); while(str[n]!='\0') { n++; }
881 0
+关注
30
文章
0
问答
文章排行榜
最热
最新
相关电子书
更多
低代码开发师(初级)实战教程
立即下载
阿里巴巴DevOps 最佳实践手册
立即下载
冬季实战营第三期:MySQL数据库进阶实战
立即下载