微信小程序怎么制作？

现在微信小程序对市场的铺垫逐步在加强，包括新推出的小程序热门游戏“跳一跳”当日就成为了朋友圈的网红。那么小程序怎么制作？

小程序开发是免费的，但是很多用户是没有开发能力的，那么就需要外包给小程序开发的公司协助开发小程序。

制作小程序所需材料:

身份证，邮箱，手机号码，营业执照，已认证的服务号或订阅号，小程序源码。

【第一步】注册小程序账号与登陆开发工具

登陆微信公众平台申请注册小程序账号，根据提示逐步填写信息，最后提交注册。

注册成功，登陆微信公众平台后，在公众平台首页左边列表点击设置，设置中就能看到小程序情况，包括认证，小程序信息以及小程序开发管理。

小程序开发管理能够看到:AppID与微信web开发者工具，点击开发者工具进行下载。

【第二步】组建小程序框架与组建APl接口

打开开发者工具添加Appld及创建项目，系统会生成小程序简单的dome，也就是小程序的框架。

框架左边会有三个目录，我们点来左边最下面的目录会有以下三个细类: app.js/app.json/app.wxss，而小程序页面构成会有四个不同的后缀文件组成。

小程序每个页面都需写在json的pages里面，而pages就是小程序的首页。

开发工具里面有许多组件，主要组件分为以下几种:基础内容，操作反馈，视图容器，导航地图。组件主要是通过wxml来进行基础内容进行布局，而修改则需要通过wxss修改形式。更多的组件和使用方法可以查看官方文档。

APl主要是网络，媒体，数据，位置，设备以及开发接口的对接，网络请求需要登录小程序账号设置层面，设置好访问域名。其它APl的使用方法在官方文档-APl可以查看。

wx.getLocation({

type: 'wgs84',

success: function(res) {

var latitude = res.latitude

var longitude = res.longitude

var speed = res.speed

var accuracy = res.accuracy

}})

【第四步】编译运行

当我们把框架，组件配置，APl接口这三方面配置好后就可以在模拟器运行。同时在项目中点击自己搭建的项目就会生成一个二维码就可以在手机查看实际效果。确认无误后即可发布小程序。

更多小程序与互联网资讯请关注@小功能程序

现在微信小程序对市场的铺垫逐步在加强，包括新推出的小程序热门游戏“跳一跳”当日就成为了朋友圈的网红。那么小程序怎么制作？

小程序开发是免费的，但是很多用户是没有开发能力的，那么就需要外包给小程序开发的公司协助开发小程序。

制作小程序所需材料:

身份证，邮箱，手机号码，营业执照，已认证的服务号或订阅号，小程序源码。

【第一步】注册小程序账号与登陆开发工具

登陆微信公众平台申请注册小程序账号，根据提示逐步填写信息，最后提交注册。

注册成功，登陆微信公众平台后，在公众平台首页左边列表点击设置，设置中就能看到小程序情况，包括认证，小程序信息以及小程序开发管理。

小程序开发管理能够看到:AppID与微信web开发者工具，点击开发者工具进行下载。

【第二步】组建小程序框架与组建APl接口

打开开发者工具添加Appld及创建项目，系统会生成小程序简单的dome，也就是小程序的框架。

框架左边会有三个目录，我们点来左边最下面的目录会有以下三个细类: app.js/app.json/app.wxss，而小程序页面构成会有四个不同的后缀文件组成。

小程序每个页面都需写在json的pages里面，而pages就是小程序的首页。

开发工具里面有许多组件，主要组件分为以下几种:基础内容，操作反馈，视图容器，导航地图。组件主要是通过wxml来进行基础内容进行布局，而修改则需要通过wxss修改形式。更多的组件和使用方法可以查看官方文档。

APl主要是网络，媒体，数据，位置，设备以及开发接口的对接，网络请求需要登录小程序账号设置层面，设置好访问域名。其它APl的使用方法在官方文档-APl可以查看。

wx.getLocation({

type: 'wgs84',

success: function(res) {

var latitude = res.latitude

var longitude = res.longitude

var speed = res.speed

var accuracy = res.accuracy

}})

【第四步】编译运行

当我们把框架，组件配置，APl接口这三方面配置好后就可以在模拟器运行。同时在项目中点击自己搭建的项目就会生成一个二维码就可以在手机查看实际效果。确认无误后即可发布小程序。