使用过微信的网友相信都会使用过小程序,小程序是站在用户的角度为用户节省安装时间和建立快速的体验,为商家搭建品牌宣传、线上线下互动引流客户的载体,是建立在微信体系内的生态,很多企业或想通过小程序创业的商家都想拥有一款属于自己小程序。
虽商家和用户都不是互联网技术出身的,想必对小程序这个产品总有个大概了解。小程序开发是自己找技术团队开发好还是外包给专业的开发公司呢?这个要根据场景分析:
一,企业自己的团队开发,能开发的成本就是团队的人力成本及硬性的设备的成本,如购买服务器的成本。
二,寻找第三方开发公司,第三方开发公司为模板化开发,购买模板化开发方式成本较低,周期短,只需要投入几千块至两万块之间能够快速解决“短暂需求”。
三,第三方开发定制化开发,小程序开发公司会根据客户的项目功能需求来进行个性化定制,定制化开发周期长,成本高,后期维护和修成功能成本较低,根据项目功能几万到几十万不等,需要根据项目的功能复杂程度及开发公司需要投入的人力成本而定。
选择好开发方式后,那么小程序开发流程是怎样的呢?
一、获取小程序帐号
得先有一个小程序帐号,登录微信公众平台,选择微信小程序并前往注册,根据提示完成小程序的注册。
二、需要先获得小程序ID
登录公众号左边导航栏“设置”--“开发者设置”中,查看到微信小程序的 AppID 了,注意不可直接使用服务号或订阅号的 AppID 。注意应该是使用管理员微信号登录和设置。
三、创建项目
我们需要通过开发者工具,来完成小程序创建和代码编辑。
整个开发工具基本分为三块:
上方行:table-item 每个按钮代表一个页
左侧框:webview 你的页面在这里实时展示
右侧框:chrome调试工具,使用了charome的调试工具, 在这里可以调试页面的样式,js,网络检测,输入输出等。
四、创建小程序实例
点击开发者工具导航的“编辑器”,我们可以看到这个项目,已经初始化并包含了一些简单的代码文件。
最关键也是必不可少的,是 app.js、app.json、app.wxss 这三个。其中.js后缀的是脚本文件,.json后缀的文件是配置文件,.wxss后缀的是样式表文件,微信小程序会读取这些文件,并生成小程序实例。
五、创建页面
创建页面通常有两个页面,index 页面和 logs 页面,即欢迎页和小程序启动日志的展示页,他们都在 pages 目录下。微信小程序中的每一个页面的【路径+页面名】都需要写在 app.json 的 pages 中,且 pages 中的第一个页面是小程序的首页。
每一个小程序页面是由同路径下同名的四个不同后缀文件的组成,如:index.js、index.wxml、index.wxss、index.json。.js后缀的文件是脚本文件,.json后缀的文件是配置文件,.wxss后缀的是样式表文件,.wxml后缀的文件是页面结构文件。
PS:开发者工具安装完成后,打开并使用微信扫码登录。在“调试”里可以测试代码并模拟小程序在微信客户端效果,在“项目”里可以发送到手机里预览实际效果。