本文首发于零酷科技百家号,欢迎点击上方百家号关注我们。
昨天我们讲了,小程序web化后的好处。在百度这个流量王国里想拿到一份属于自己的流量也是不容易。小程序的流量现在也是非常可观,所以今天我们讲讲怎么来制作小程序。
小程序制作基本上有点开发经验的开发者都可以很顺手的上手。不说那些复杂的交互型小程序。今天就说一下简单的展示型小程序。让开发者上传小程序后,也让客户能直观明了的知道我们可以做什么,我们有什么产品。
首先小程序作为一个寄宿在百度生态app下的程序,必须要在百度app和其下产品才可以打开。当然web化会后就可以在手机百度里直接搜索到我们的小程序。至于怎么web化那看上一篇文章,对你应该有帮助。
设计小程序就如同设计网页一样,可以让设计师直接按照手机的样子来进行设计,然后将页面裁切下来。注意百度对智能小程序的页面舒适度是有要求的。比如像内页内容必须在两边留出34像素的宽度。不能太窄,显得拥挤。也不能太宽,显得很难看。对于有网页开发经验的开发者来说,小程序页面似乎和网页很相似,不过小程序里全是自定义的语法。跟web里面的编程语言很是相像。.swan就类似网页开发时的html,里面很多标签用法也都一样。.css和网页开发时的css层叠式样式表一样写样式,页面的布局也是用这个文件来控制。.js文件是用来写交互用的逻辑代码。.json则是对于当前页面的窗口表现进行配置。如果只单纯做展示页面的话,只需要使用.css和.swan即可完成。
需要注意的是,小程序的代码包不能超过2MB,所以里面的静态资源文件尽可能采取服务器链接读取方式。
如今百度也推出了web-view组件,如果你没有开发者。那么只需要简单的配置下,可以将你原本的网站直接用小程序打开,在后端配置业务域名,然后新建页面时候在web-view里直接填写网址,在配置的每个菜单里都单独做一个web-view,可以来回切换。这样一个简单便捷的小程序就制作好了,快用开发者工具发布你的小程序吧。