微信小程序如何申请， 如何申请微信小程序_微信小程序开发教程等。一年过去了，微信小程序终于正式发布了。对于开发者朋友来说，以后可以申请创建自己的小程序。

那么如何申请微信小程序呢？下面小编将详细分享一个微信小程序从无到有的实际开发教程，希望操作步骤对初期开发者有所帮助。

微信小程序开发步骤

微信小程序申请前的准备：

首先，你需要注册一个小程序账号。需要使用未在微信官方账号注册的邮箱进行注册。注册过程需要大量的认证，这很复杂。如果只是暂时试水，没有发布的打算，只需要填写基本信息，不需要完成微信认证。

之后就可以用公众平台的注册账号登录了。

然后，在主页左侧的列表中单击设置，然后在设置页面中选择开发设置以查看AppID。AppID可用于在开发工具中注册，并使用开发工具的高级功能。可以在官网下载开发工具。

启动项目：

打开开发者工具，选择applet选项，然后直接点击“添加项目”按钮。在这一步中，我们可以填写我们刚刚注册时使用的AppID。

如果项目目录中的文件是空文件夹，将提示您是否创建快速启动项目。

选择“是”,开发工具将帮助我们在开发目录中生成一个简单的演示。

这个演示有一个完整的applet的一般框架。

1.结构

我们先来看看官方演示中包含的目录：

App.js: applet逻辑，生命周期，全局变量。

App.json:小程序公共设置，导航栏颜色等。无法评论。

App.wxss: applet公共样式，类似CSS。

applet页面的组成如下：

每个小程序页面都是在同一路径下由四个不同的同名后缀文件组成，比如：index.js、index.wxml、index.wxss、index.json

微信小程序中每个页面的路径和文件名都需要写在app.json的pages中，pages数组中的第一页就是小程序的首页。

这四个文件根据其功能可以分为三个部分：

配置：json文件

逻辑层：js文件

视图图层：wxss.wxml文件

在iOS上，小程序的逻辑代码运行在JavaScriptCore中，而在Android上，这个任务交给了X5内核。

在开发工具上，小程序的JavaScript代码运行在NW.js(Chrome内核)中。这也导致了开发工具的效果和实际效果的差异。

2.成分

微信提供了很多组件，主要分为八种：

其中包括视图、滚动视图、按钮、表单等常用组件，还提供了mapcanvas。

组件主要属于视图层，通过WXML进行布局，类似于HTML。样式由WXSS定义和修改，其语法和用法与CSS类似。

组件用法语法示例：

3. API

网络

媒介

数据

位置

装备

连接

开发界面

网络请求接口包含了常见的HTTPS请求，支持上传、下载和Socket，基本满足了我们开发中需要的网络需求。

这些API属于逻辑层，用JS逻辑文件编写。

使用案例：

wx.getLocation({ type: wgs84, success: function(res) { var latitude=res.latitude var longitude=res.longitude var speed=res.speed var accuracy=res.accuracy } })

可以去官方文档API看看其他API怎么用。

编译并运行

1.模拟器调试

我们可以使用微信提供的开发者工具中的模拟器，看看小程序运行的效果。

我们之前提到过，小程序的底层不一样，这也导致了在模拟器上的效果，会和手机上有些不同。

2.真机调试

在左侧的选项栏中，选择一个项目，然后点按“预览”以生成QR码。用管理员的微信号扫描一下就能在真机上看到实际效果。

实战：运行小程序

真机运行截图(运行于iPhone 7，微信版本：6.3.30):

首先实现一个定时器来计时，通过wx.getLocation获取坐标，并将获取的坐标存储在一个数组中。每隔一段时间通过坐标获取里程，累计总里程。同时也是通过坐标点连接的。存在的问题：

因为目前没有办法在地图上画线，所以采用在地图上贴一个小红点地图的方法来显示大概的运行路径，比较粗糙；

虽然采用了API中火星坐标GCJ02的类型，但是得到的坐标和国际坐标差不多，还是有偏差的。

我已经把全部代码放在GitHub 上，大家可以下载来看看或者先Star 起来，我以后还会进行一些优化更新。现在只是一个学习Demo，大家沟通学习，实际应用还需更多优化。

微信小程序如何申请，以上就是本文为您收集整理的微信小程序如何申请最新内容，希望能帮到您！更多相关内容欢迎关注。