从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 的微信客户端,以及用于辅助开发的小程序开发者工具,小程序中三大运行环境也是有所区别的。

小程序的运行环境

网络异常,图片无法展示
|

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

安装微信开发者工具

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

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

注册账号

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

点击进入微信公众平台

网络异常,图片无法展示
|

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

网络异常,图片无法展示
|

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

网络异常,图片无法展示
|

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

网络异常,图片无法展示
|

创建微信小程序

网络异常,图片无法展示
|

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

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

网络异常,图片无法展示
|
网络异常,图片无法展示
|

第一个小程序就建好了

目录
相关文章
|
2月前
|
IDE 编译器 Shell
运行C程序的步骤与方法
C语言是一种通用、过程式的计算机编程语言,广泛应用于系统软件与应用软件的开发中。本文将详细介绍如何编写、编译和运行一个简单的C程序,并附上相应的代码示例。
16 0
|
11月前
|
Unix Java 程序员
4招教你创建一个程序代码
Python 有两种主要的方式来完成你的要求:语句和表达式(函数、算术表达式等)。相信大部分读者已经了解二者的不同,但是不管怎样,我们还是再来复习一下。语句使用关键字来组成命令,类似告诉解释器一个命令。你告诉 Python 做什么,它就为你做什么,语句可以有输出,也可以没有输出。下面我们先用 print 语句完成程序员们老生常谈第一个编程实例,Hello World。
|
小程序 开发工具 开发者
【小程序】第一个小程序——创建小程序项目
【小程序】第一个小程序——创建小程序项目
100 0
【小程序】第一个小程序——创建小程序项目
让程序只运行一个实例的简单实用的方法  
让程序只运行一个实例的简单实用的方法  
|
编译器 C++
在C++学习的过程中如何使每个 .cpp单独运行
在C++学习的过程中如何使每个 .cpp单独运行
258 1
在C++学习的过程中如何使每个 .cpp单独运行
|
IDE 测试技术 开发工具
一个方法帮你在正式脚本里添加“子脚本”的运行
一个方法帮你在正式脚本里添加“子脚本”的运行
198 0
|
C# C++
VS2017下创建C++动态库导出符合并完成调用测试(DLL可供C#调用)
VS2017下创建C++动态库导出符合并完成调用测试(DLL可供C#调用)
400 0
VS2017下创建C++动态库导出符合并完成调用测试(DLL可供C#调用)
|
Python
Python 技术篇-在cmd命令提示行里模拟动态下载进度条实例演示,cmd清除日志、打印动态内容方法
Python 技术篇-在cmd命令提示行里模拟动态下载进度条实例演示,cmd清除日志、打印动态内容方法
483 0
Python 技术篇-在cmd命令提示行里模拟动态下载进度条实例演示,cmd清除日志、打印动态内容方法
|
前端开发 Java 应用服务中间件
|
C#
C#让应用程序只运行一个实例的几种方法
一 判断是否有相同的实例已经运行 1 根据“Mutex”判断是否有相同的实例在运行 /// 已有实例运行返回true,否则为falsepublic bool IsRunningProcessByMutex(){     bool createNew;     using (System.
876 0