如何制作微信小程序？这里有简单的方法！

如何制作微信小程序？下面给大家介绍下传统的制作方法，如果觉得比较复杂，小白熊传媒还有可为大家定制哦，除此之外还有APP,更可以提供营销方案

一准备工作 1注册一个小程序账号，注意这里需要用一个没注册过公众号的邮箱注册2注册过程中需要很多认证，有很多认证，比较繁琐，如果暂时只是开发测试，不进行提审发布的话，只要完成营业执照号填写就可以了，不需要完成微信认证 3注册完账号，登录，在主页面左边列表中点击设置，然后再设置页面中选开发设置就可以看到AppID，用于登录开发工具

二开发工具 可以到官网下载微信web开发者工具

三开始项目 打开开发者工具，选择小程序选项，到达添加项目页面，这个时候在前面设置页面的AppId就用到了 如果项目目录中的文件是个空文件夹，会提示是否创建quick start 项目选择是，开发者工具会帮助我们在开发目录里生成一个简单的 demo这个Demo拥有一个完整的小程序的大概框架

1框架 微信小程序中的每一个页面的路径+页面名都需要写在 app.json 的 pages 中，且 pages 中的第一个页面是小程序的首页 在 iOS 上，小程序的 javascript 代码是运行在 JavaScriptCore 中在 Android 上，小程序的 javascript 代码是通过 X5 内核来解析在 开发工具上， 小程序的 javascript 代码是运行在 nwjs（chrome内核） 中所以开发工具上的效果跟实际效果有所出入

2组件 微信提供了许多组件，主要分为八种：视图容器基础内容表单组件操作反馈导航媒体组件地图画布包含viewscroll-viewbuttonform等普通常用的组件，也提供了地图map画布canvas 组件主要属于视图层，通过wxml来进行结构布局，类似于html通过wxss修改样式，类似于css组件使用语法实例： !--普通视图-- view这是一个普通视图/view !--wxss样式修改-- view clas="mainView"样式修改过的视图/view 更多的组件以及相关使用方法可以查看官方文档

3API 网络媒体数据位置设备界面开发接口 其中网络请求的使用必须先到公众平台登录小程序账号，在设置页面那里，设置允许访问的域名，网络请求包含了普通的http请求支持上传下载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 }}) 使用方法详情，请查看官方文档

4编译运行 1模拟器可以在模拟器上看效果，上面降到了运行底层不同，效果跟在手机上运行有些差异

四存在的问题：1因为目前找不到在地图上画连线的方法，所以采用了在地图上贴小红点图的方法显示大概跑步路径，路径比较粗糙2虽然采用了API里面的火星坐标gcj02类型，但是获取的坐标跟国际坐标差不多，依然存在着偏差 3还需要使用一些核心代码wxml文件布局代码

五总结 这种传统方法可能比较复杂，当然，也有比较简单的方法小白熊传媒为您定制，功能完善，让您轻轻松松就可以使用，还有其他广告也可提供哦！