轻量级前端框架在提升开发效率与用户体验中的重要作用
568
2022-10-23
采用ionic开发的电子商务移动应用程序
bibi-ionic
Bibi 电商全栈解决方案,配合以下项目使用:
bibi server 服务端项目
bibi-frontend 微信前端项目
app-
Screenshot
快速开始
1. 首先安装ionic
$ sudo npm install -g cordova ionic
2. 项目Clone到本地
$ git clone https://github.com/seasonstar/bibi-ionic.git
3. 添加 android 或 ios 平台
注: 真机调试,浏览器可以跳过此步骤; ios 开发只能在 mac 下进行。
$ cd ioniclub$ ionic platform add ios$ ionic platform add android
4. 添加所有用到的插件
npm installbower installionic plugin add com.ionic.keyboardionic plugin add cordova-plugin-consoleionic plugin add cordova-plugin-whitelistionic plugin add cordova-plugin-deviceionic plugin add cordova-plugin-statusbarionic plugin add cordova-plugin-splashscreenionic plugin add cordova-plugin-cameraionic plugin add cordova-plugin-dialogsionic plugin add https://git.oschina-/seasonstar/ImagePicker.gitionic plugin add cordova-plugin-geolocationionic plugin add cordova-plugin-fileionic plugin add cordova-plugin-file-transferionic plugin add cordova-plugin-x-toastionic plugin add cordova-plugin-x-socialsharingionic plugin add ionic-plugin-deploycordova plugin add https://github.com/RaananW/PhoneGap-Image-Resizercordova plugin add https://github.com/Telerik-Verified-Plugins/NativePageTransitions#0.6.2cordova plugin add cordova-plugin-wkwebviewcordova plugin add com-sarriaroman-photoviewercordova plugin add https://github.com/dsolimando/ImageViewercordova plugin add http://git.oschina-/seasonstar/PayPal-Cordova-Plugincordova plugin add cordova-plugin-wechat --variable wechatappid=########cordova plugin add https://github.com/iVanPan/cordova_weibo.git --variable WEIBO_APP_ID=#######cordova plugin add https://github.com/iVanPan/Cordova_QQ.git --variable QQ_APP_ID=#####cordova plugin add https://github.com/jpush/jpush-phonegap-plugin.git --variable API_KEY=######cordova -d plugin add path/to/add/phonegap-facebook-plugin --variable APP_ID="####" --variable APP_NAME="####"# Note: 以上所有的--variable请改为自己申请的ID
5. 运行
浏览器
$ ionic serve
ios
$ ionic build ios$ ionic run ios
android
$ ionic build android$ ionic run android
6. NOTE
Please follow the instruction to install some package tools
https://airpair.com/ionic-framework/posts/production-ready-apps-with-ionic-framework
或重新npm install
有问题欢迎提issue
版权声明:本文内容由网络用户投稿,版权归原作者所有,本站不拥有其著作权,亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容,请联系我们jiasou666@gmail.com 处理,核实后本网站将在24小时内删除侵权内容。
发表评论
暂时没有评论,来抢沙发吧~