蓝宇程序

您身边的百度小程序专家!

当前位置:首页 / 小程序开发 / 张自萌:小程序开发者必备神器之百度小程序开发工具链

张自萌:小程序开发者必备神器之百度小程序开发工具链

栏目:小程序开发, 百度小程序公开课   日期:2019-01-29   浏览量:682
摘要:

做为一名小程序开发者,就需要有一套相应的开发工具,百度为小程序开发者提升了开发工具链,里面有编辑器、模拟器、调试器,包括远程调试,迁移工具等非常齐全,就是为了方便大家开发。

讲了迁移工具之后,我们就横向对比一下四种方式,就是原生开发,包括迁移过来的原生开发,还有Taro、Mpvue、WePY这三种开发,根据不同的维度,我们列举了他们各自的特点,没有优劣之分,只有你适不适合你。
百度小程序开发工具链

视频:百度小程序开发工具

通过这个规范,大家可以找到适合自己的方案,根据自己的技术的情况,来选择各自的架构。

小程序技术分级接入方案

一、小程序开发技术分组接入方案

接下来看一下规范,从语法规范来说Mpvue、WePY都是VUE,Taro是React规范,延伸开发就是延伸的一块规范。然后CSS这块我们可以通过自己通过前处理的方式来处理一下CSS,需要我们自己配一下,Taro是自带了一些sass、less、postcss,可以自己去往里面插一些前置处理的CSS的规范,这是可以做到的,组件化的话就是我们自己的组件化规范,跨平台方面,你选择迁移工具就可以跑在百度以及微信那边,Taro支百度、微信、支付宝、快应用,他们都各自有自己的Web化,当然也可以使用我们的Web化。本文内容由蓝宇程序根据百度智能小程序公开课上张自萌分享整理而来,蓝宇程序,您身边的百度小程序专家!

二、支持原生开发、框架开发与自用框架接入

我们来总结一下,从零开发两个选择,原生开发和框架开发,如果你们公司内部有自己的框架,可以做小程序的兼容,就可以不用重新开发代码,携程现在就是自营的框架接入的,会改一些框架来适配的一些地方,我们会有专门的技术人员跟进,如果你有需求的话,请联系我们,我们会提供技术支持,资源框架可以接入,已有微信小程序的话就可以采用原生开发,原生开发可通过搬家工具迁移一下两个版本。还有一个就是框架开发,就稍微改一点代码就可以进入百度的小程序,就是技术分级的接入方案。

三、百度小程序开发工具链

智能小程序开发工具链

我们讲一下开发工具链,要进行开发,就需要先选型,选型之后,我们开发就会用到开发工具链,这是小程序开发里面必不可少的一个工具,所以我们在这里介绍一下开发工具链,我们有编辑器、模拟器、调试器,包括远程调试,刚才的迁移工具、编译预览都在我们的工具里面,非常齐全,就是为了方便大家开发,

1、百度小程序模拟器

小程序开发模拟器

因为我们小程序运行在手机上面的,而我们开发的在PC上开发,所以我们有一个PC模拟器,是仿真的,几乎跟在手机上运行的没有什么区别,包括多平台切换,切换成安卓切换iPhone,包括网络限制模拟,包括WIFI、2G、3G包括无网络都可以帮你们模拟出来,这是模拟器。

2、开发者编辑器

百度小程序编辑器

我们提供了编辑器,直接在我们开发工具里面,我们的编辑器跟我们的小程序代码是深度定制的,主要是我们的代码补全,如果你在使用我们的编辑器话,在开发过程中使用一些代码,我们都会帮你做一些自动补全,包括代码高亮、多文件的支持,这些功能我们编辑器里面都有。

3、百度深度定制的小程序调试器

小程序调试器

调试器就是开发之后的调试工具,作为一个Web开发者最常用的那几个,我们都有,包括SWAN调试,包括.Console ,我们可以在里面输入输出,包括Sources 能看到我们的源代码,以及在代码里面打断点,包括Network里面的网络抓包,Storages我们可以在里面来给大家展现出你当前用的哪些可以在里面进行修改等等,包括驱动你的数据,你的数据流可以展现,你在编辑之后页面会有自动的响应,包括罗盘、重力感应,您都可以通过来模拟,这是非常强大的一个调试器。

小程序开发者远程调试

我们还有远程调试,我在PC上开发好小程序之后,我可以先用远程调试来进行调试,远程调试它是跑在真机上面的。PC上面有调试面板,然后真机上面来做一个运行,跟真机运行的效果是一样的。一扫码就来了,非常快,能帮助大家在线调试,我们开发流程是先在开发者工具里面用模拟器开发了没问题之后,这时候再去真机调试里面,包括远程调试里面去调试,调试完了之后你在使用预览再看一遍,没问题就可以上传了,一般来说开发步骤是这样。

4、编译工具

编译工具

  • 支持CMD模式编译
  • 支持AMD模式编译
  • 支持自定义编译条件
  • 支持热编译

今天整个的关于开发的解决方案就讲到这,关于更多的技术交流,就是你在小程序遇到什么问题,或者有什么疑问,我刚才没讲清楚的,我们会后有个展台,专门跟大家交流,在小程序研发过程中的一个需求,大家有什么疑问,我们线下可以再继续交流。

微信扫一扫,分享到朋友圈

张自萌:小程序开发者必备神器之百度小程序开发工具链
微信扫码关注蓝宇程序
微信扫码关注蓝宇程序
蓝宇数据(广州)有限公司 地址:广东省广州市科学城 电话:400 -080 -7157
Copright © 2020 蓝宇数据 All Rights Reserved. 粤ICP备18144795号 站点地图