微信小程序开发者工具介绍(小程序开发者工具在哪)
今天给各位分享微信小程序开发者工具介绍的知识,其中也会对小程序开发者工具在哪进行解释,如果能碰巧解决你现在面临的问题,别忘了关注本站,现在开始吧!
本文目录一览:
- 1、微信小程序怎么开发
- 2、微信web开发工具在哪
- 3、如何制作微信小程序
微信小程序怎么开发
第一章:准备工作
做好准备工作很重要。开发一个微信应用号,你需要提前到微信的官方网站下载开发者工具。
1.下载最新微信开发者工具,打开后你会看到该界面:
2. 点击「新建 web+」项目
3. 该页面内的各项内容需要注意——
AppID:依照官方解释来填。
Appname: 项目最外层文件夹名称,如你将其命名为「ABC」,则之后的全部项目内容均将保存在「/ABC/…」目录下。
本地开发目录:项目存放在本地的目录。
注:再次强调,如果你和团队成员共同开发该项目,则建议你们使用同样的目录名称及本地目录,以确保协同开发的统一性。如果你之前已有项目,则导入过程与以上内容近似,不再赘述。
4. 准备工作全部完成后,点击「新建项目」按钮,弹出框点「确定」
5.此刻,微信开发者工具已经为你自动构建了一个初始的demo项目,该项目内包含了一个微信应用项目所需具备的基本内容和框架结构。点击项目名称(图中即「cards」)进入该项目,就能看到整个项目的基本架构了:
第二章:项目构架
微信目前用户群体非常庞大,微信推出公众号以后,火爆程度大家都看得到,也同样推动着 Html 5 的高速发展,随着公众号业务的需求越来越复杂,应用号现在的到来也是恰到好处。
微信提供给开发者的方式也在发生全面的改变:从操作 DOM 转为操作数据,基于微信提供的一个过桥工具实现很多 Html 5 在公众号很难实现的功能,有点类似于 hybrid 开发,不同于 hybrid 开发的方式是:微信开放的接口更为严谨,结构必须采用他提供给的组件,外部的框架和插件都不能在这里使用上,让开发者完全脱离操作 DOM,开发思想转变很大。
工欲善其事,必先利其器。理解它的核心功能非常重要,先了解它的整个运作流程。
生命周期:
在index.js里面:
开发者工具上 Console 可以看到:
在首页 console 可以看出顺序是 App Launch–App Show–onLoad–onShow–onReady。
首先是整个 app 的启动与显示,app 的启动在 app.js 里面可以配置,其次再进入到各个页面的加载显示等等。可以想象到这里可以处理很多东西了,如加载框之类的都可以实现等等。
路由:
路由在项目开发中一直是个核心点,在这里其实微信对路由的介绍很少,可见微信在路由方面经过很好的封装,也提供三个跳转方法。
wx.navigateTo(OBJECT):保留当前页面,跳转到应用内的某个页面,使用wx.navigateBack可以返回到原页面。
wx.redirectTo(OBJECT):关闭当前页面,跳转到应用内的某个页面。
wx.navigateBack():关闭当前页面,回退前一页面。
这三个基本上使用足够,在路由方面微信封装的很好,开发者根本不用去配置路由,往往很多框架在路由方面配置很繁琐。
组件:
此次微信在组件提供方面也是非常全面,基本上满足项目需求,故而开发速度非常快,开发前可以认真浏览几次,开发效率会很好。
其它:
任何外部框架以及插件基本上无法使用,就算原生的 js 插件也很难使用,因为以前的 js 插件也基本上全部是一操作 dom 的形式存在,而微信应用号此次的架构是不允许操作任何 dom,就连以前开发者们习惯使用的动态设置的rem.js也是不支持的。
微信web开发工具在哪
1、网页搜索微信官网,点击打开,在首页导航栏点击帮助与反馈,如图:
2、在搜索框中搜索小程序,并点击打开
3、在出来的页面中选择“进入产品专区”,点击,如图:
4、在页面左侧导航中选择开发问题,并选择内容页面中的“小程序开发接口新增能力”,如图:
5、然后在“小程序开发接口新增能力”页面偏下的位置找到并点击“小程序支持打开移动应用功能”,如图:
6、在出现的页面中找到工具选择,打开,并选择概览中的蓝色字体“微信开发者工具”,如图:
7、最后,选择在页面中出现的第一个结果,最新下载地址,下载即可。
如何制作微信小程序
制作微信小程序可以使用网站一键生成方式,进入凡客网了解相应文件功能后进行编辑即可完成。具体内容如下:
1、一键生成小程序比较简单,例如百度进入凡科网。
/iknow-pic.cdn.bcebos.com/37d12f2eb9389b506a5c852d8a35e5dde7116e29"target="_blank"title="点击查看大图"class="1eb69c11a0496816 ikqb_img_alink"/iknow-pic.cdn.bcebos.com/37d12f2eb9389b506a5c852d8a35e5dde7116e29?x-bce-process=image%2Fresize%2Cm_lfit%2Cw_600%2Ch_800%2Climit_1%2Fquality%2Cq_85%2Fformat%2Cf_auto"esrc=""/
2、选择“轻站小程序”,选择要制作的类型,点击“创建”。
/iknow-pic.cdn.bcebos.com/dc54564e9258d109f561cccdde58ccbf6d814dca"target="_blank"title="点击查看大图"class="9c11a04968169c5a ikqb_img_alink"/iknow-pic.cdn.bcebos.com/dc54564e9258d109f561cccdde58ccbf6d814dca?x-bce-process=image%2Fresize%2Cm_lfit%2Cw_600%2Ch_800%2Climit_1%2Fquality%2Cq_85%2Fformat%2Cf_auto"esrc=""/
3、进行文字图片和板块位置等的修改,保存后审核发布即可。
/iknow-pic.cdn.bcebos.com/0b55b319ebc4b745dd72d269c0fc1e178b8215ee"target="_blank"title="点击查看大图"class="a04968169c5afdde ikqb_img_alink"/iknow-pic.cdn.bcebos.com/0b55b319ebc4b745dd72d269c0fc1e178b8215ee?x-bce-process=image%2Fresize%2Cm_lfit%2Cw_600%2Ch_800%2Climit_1%2Fquality%2Cq_85%2Fformat%2Cf_auto"esrc=""/
4、总结如下。
/iknow-pic.cdn.bcebos.com/fc1f4134970a304e72edc585dec8a786c8175c85"target="_blank"title="点击查看大图"class="1010f634d78e1a10 ikqb_img_alink"/iknow-pic.cdn.bcebos.com/fc1f4134970a304e72edc585dec8a786c8175c85?x-bce-process=image%2Fresize%2Cm_lfit%2Cw_600%2Ch_800%2Climit_1%2Fquality%2Cq_85%2Fformat%2Cf_auto"esrc=""/
注意事项:
1.小程序名称可以由中文、数字、英文。长度在3-20个字符之间,一个中文字等于2个字符。
2.小程序名称不得与公众平台已有的订阅号、服务号重复。如提示重名,请更换名称进行设置。
3.小程序名称在账号信息设置时完成,请谨慎设置,一旦设置暂不支持修改。
4.更换名称进行设置。如果企业商标,组织名称等名称被侵权,可通过公众平台侵权投诉流程发起投诉。
5.个人开发者无法申请微信小程序;目前微信仅支持企业、政府、媒体、其他组织申请。
微信小程序开发者工具介绍的介绍就聊到这里吧,感谢你花时间阅读本站内容,更多关于小程序开发者工具在哪、微信小程序开发者工具介绍的信息别忘了在本站进行查找喔。