何生 13076880313
新闻资讯
热门搜索:
当前位置: 首页 > 至隆资讯 > 微信小程序怎么制作?
小程序开发
微信小程序怎么制作?
广州至隆 38浏览 发布时间:2020-06-29


随着小程序的数量越来越多,一些还没有开发过小程序的企业、商家再也做不住了,他们纷纷表示要开发属于自己的小程序。那么怎样开发制作一款小程序?


微信小程序怎么制作?-广州至隆科技有限公司


制作小程序所需材料:

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

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

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


微信小程序怎么制作?-广州至隆科技有限公司


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


微信小程序怎么制作?-广州至隆科技有限公司


小程序开发管理能够看到: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接口这三方面配置好后就可以在模拟器运行。同时在项目中点击自己搭建的项目就会生成一个二维码就可以在手机查看实际效果。确认无误后即可发布小程序。