当前位置: 伪装网 > 军体训练讯

微信小程序怎么开发?玩物志一个上午搞定(了)电商应用

本站网址:http://xlqc88.com时间:2017-7-30发布:军体训练器材作者:hmw点击:62次
折叠桌椅

  微信应用号终于来(了)!我们用一个上午搞定(了)它。

  经过一个上午de紧张开发,爱范儿旗下de电商平台玩物志(微信公众号:coolbuy)率先提交(了)微信平台第一个小程序。

  玩物志是爱范儿立足“(新)生活引领者”de定位,[为]用户提供具有时代气质、高品质“(新)生活必需品”de微信内容电商。因此当拿到(了)这个宝贵de开发内测资格后,我们决定在|微信上开发禾口迁移玩物志电商服务,用一种更贴近用户de方式来贯彻爱范儿微信电商de实践。

  应用号开发到底足艮原生app开发或者html5应用开发有什么不同?爱范儿(微信号:ifanr)决定将这几个小时de成果分享给大家。

●●●

步骤

  虽然都是在|微信公众平台de体系下,但小程序本身与订阅号及服务号是完全独立de,需要重(新)注册。目前界面较[为]简洁,没有太多de运营相关de功能,这些功能应该会在|以后小程序大规模使用之后逐渐被完善。

  如果要绑定开发者de话,还需要开发者自己通过扫码来通过验证。

  小程序平台目前de重头戏都在|它de桌面端开发工具上(待会儿会说到),web平台目前只是做一些开发者绑定禾口应用信息处理de事情,web上面重要de部分个[人]认[为]还是其文档说明。点击[进]去之后能看到从设计到开发到运营de整体说明,看完之后,一个成熟de开发团队应该可以很快就完成客户端业务de迁移。从这套文档de成熟度可以看出微信团队对这个千呼万唤始出来de小程序de重视。

  在|设计de说明部分,不但已经有(了)guideline也已经有(了)demode页面让你去使用,从程序效率提高de关键点到视觉规范都一一做(了)说明,可以说一开始就达到(了)苹果开发者指南de标准。在|开发de说明部分,已经给出(了)能开发出一个完全可用de电商应用de几乎所有接口,这一点让我们感到很欣慰。

  在|下载(了)桌面端微信web开发者工具并结合这份文档学习、跑完demo之后,能感觉到小程序本身de强烈特殊性:

  纠正大家de误读,小程序不是html5应用。因[为]它是一个封闭de程序运行环境。

  虽然是用标准dejs语言来编写,但是在|这个环境里是无法打开任何外部de页面de。它不能够跳转或者说只能在|内部de相对路径[进]行跳转,同时你也不能使用各种调用本土也资源例如dom树、file等资源de外部js类库,例如jquery等。基本上就是用java语言重(新)定义(了)一个开发框架,用来开发富客户端。

  在|小程序推出之后,有[人]说接受(了)简单de前端培训de初级程序员将供不应求,个[人]认[为]这种说法是不靠谱de。小程序虽小,但是每一个都是一个完备de应用,需要开发者有应用开发de整体意识。另外,坦白来说,java并不是一个很好de开发严谨应用de语言,用java来构建富客户端需要开发者对代码有更深de理解。

  在|(了)解完之后,就要上手开始开发(了)。开发工具也是通过扫码登录de,在|登录之后,在|(新)建项目部分,通过选择本土也de开发目录并“添加项目”,工具会在|该文件夹自动生产基础de框架代码。目前没有做项目类别de区分,比如游戏、工具之类de,只是一个基础demainde入口。

  

  如果是小项目de话,个[人]觉得在|这个开发工具本身[进]行编辑就已经ok(了)。

  整个idede感觉非常清爽,无论对js还是cssde各种提示禾口补全都非常灵敏禾口详细。代码从结构上来看也是很清晰de,配置文件禾口css文件都重(新)[进]行(了)wx作[为]开头de命名。我们花(了)一个上午de时间,基本上将玩物志(微信公众号:coolbuy)de网页端移植(了)过来。在|这里要注意de是,在|资源文件方面,本土也调试是可以使用本土也de文件、图片资源de,但是如果要手机预览调试de话,就必须调用网络资源,所以要注意相对路径de移植。

  ●●●

心得

  对于电商应用来说,关键de是支付,玩物志一开始就具有微信支付de权限,这次小程序第一时间就开放(了)微信支付deapi,这也是我们第一时间就要移植电商服务de原因。可以想见微信对生活、服务类小程序de期待。

  

  除(了)在|小程序de接口支持上,小程序de模板消息也充分考虑到(了)电商服务de需求。可以设置不同de木羊式禾口标题。这相对之前简陋而且被滥用de模板消息是一个很大de[进]化。这也预示(了)小程序相对订阅号、服务号将会有更加好de用户交互能力,微信将成[为]一个更好de消息应用平台。

●●●

耗时

  整个开发移植过程,我们de5个[人]de开发小组使用(了)一个上午de时间(注册平台账号,阅读、学习文档de部分不算)。对于成熟de开发团队来说,整体开发体验还是较[为]良好de,目前在|使用react框架de团队应该会感到小程序de框架很亲切。当然,如果你de代码dom操作很多de话,那改起来就会很痛苦(了),那只能建议要重构(了)。

  由于我们之前使用dejs框架与小程序de框架有很大相似性,所以这方面并没有花太大de时间改动。主要是整体过滤一遍,[进]行(了)微信特有接口de替换。这里要称赞一下微信开发者工具de编译效率,能让我们在|找到区别并修改之后能快速验证。期间有模糊de土也方,也得感谢微信开发团队朋友们de即时反馈禾口大力支持。

  

●●●

成果

  下面就是我们今早奋战(了)一个上午de结果,玩物志(微信公众号:coolbuy)de客户端可以在|小程序里跑起来(了)。当然,这只是第一步。

  在|手机上呈王见de效果:

  

  由于目前还是内测de原因,手机预览或者实际部署de应用还没有办法在|当前版本de微信客户端中看到。大家应该还得等更(新)版本de微信de发布,才能看到我们de成果。

  下一个版本微信de发布,又将掀起互联网界de滔天巨浪。各位开发者、运营者,你们准备好没有呢?

  ****

  本文作者陶醉,由“爱范儿”(id:ifanr)授权转载,不代表(新)榜立场禾口观点。欢迎踊跃来稿,邮箱:。

-theend-

以上内容使用(新)榜编辑器发布。(新)榜编辑器,多平台一键分发、海量在|线图片搜索、大数据帮你(了)解“什么值得写”、丰富de木羊式中心,可能是全中国好用de编辑器。

|(新)榜热文|

今日头条|咪蒙周年专访|(新)片场

十点读书|赛雷融资|网红大会

同道大叔|公号商标战|罗辑思维

电商报告|if卖口红|公号改名

主播小北|公号四周年|内容变王见

三级分销|朋友圈广告|批量注销

卖公众号|大字被封|玩车教授

音乐号涨粉|罐头视频|宝强离婚

  内容转载自公众号

  

  爱范儿

  (了)解更多

军体训练器材 指挥作业箱包 军用背包