亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定

使用Cordova + VUE開發電商App實錄(環境搭建和基礎介紹)

標簽:
WebApp

在调研了React Native,Weex,以及Cordova之后,由于前两个都环境都没有搭起来,碰巧cordova比较顺利,就选择了cordova这个工具,后来发现cordova的插件还是很丰富的,基本上需求都可以满足了。


700

cordova应用程序架构

开发环境搭建

对于Android平台windows开发环境搭建,需要用到JAVA,Android SDK,设备模拟器,构建工具Gradle。具体的环境搭建文档如下:

Android平台Windows环境搭建指南

对于ios应用的开发,由于我也没有ios的设备(我是穷逼),也没有研究那个方向,后面有机会再继续补充。环境搭建肯定会有问题,具体遇到问题也没有一个文档可以解决的,大家碰到问题再查阅相关资料就好,问题都不大。

安装Cordova-CLI命令行工具

下载和安装Node.js。安装完成后你可以在命令行中使用node和npm。

$ sudo npm install -g cordova   //安装cordova 命令行工具

$ cordova create hello com.example.hello HelloWorld  //初始化项目

$ cd hello

$ cordova platform add android --save  //添加android平台

$ cordova requirements //检测是否满足构建平台的要求

$ cordova build android //打包android应用apk

上述步骤为初始化cordova应用,添加平台和代码打包的命令,更详细的命令可以参考Cordova create 命令参考文档。通过命令行初始化的文件的根目录包含了一个www目录,用来放置前端程序(webApp),入口是index.html,后面我们将用我们自己的项目去替换这个目录下的文件。

Cordova 插件安装

如果你需要接触到设备级别的特性,例如推送消息,读取/存储文件,拍照,支付等功能,就需要安装cordova的插件了。cordvova的插件还是很丰富的,基本上能够满足需求,如果真的不满足需求,还可以自己开发插件,这个笔者也没有实践过,后期有机会可以补上。

下面是添加拍照功能插件的例子:

$ cordova plugin add cordova-plugin-camer  //添加插件

$ cordova plugin remove cordova-plugin-camer  //移除插件

插件的使用,后面再具体描述,下一篇主要记录一下VUE的初始化和与cordova的集成。



作者:石宝宝
链接:https://www.jianshu.com/p/6f9a7fe4eaeb


點擊查看更多內容
TA 點贊

若覺得本文不錯,就分享一下吧!

評論

作者其他優質文章

正在加載中
  • 推薦
  • 1
  • 收藏
  • 共同學習,寫下你的評論
感謝您的支持,我會繼續努力的~
掃碼打賞,你說多少就多少
贊賞金額會直接到老師賬戶
支付方式
打開微信掃一掃,即可進行掃碼打賞哦
今天注冊有機會得

100積分直接送

付費專欄免費學

大額優惠券免費領

立即參與 放棄機會
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號

舉報

0/150
提交
取消