Ionic命令行创建项目

一、Ionic命令行创建项目步骤:

在命令行中,进入到需要创建项目的目录中,连网执行以下命令:

1.ionic start <projectName> <style>

  说明:该语句是创建ionic项目,projectName表示需要创建的应用名称;style表示创建应用的的类型,有三种样式可供选择:tabs(tab页)、sidemenu(侧边栏)、blank(空白)

  例:ionic start myApp tabs

2.cd <projectName>

  进入到项目目录

3.ionic platform add <paltformName>

  说明:添加Android或者IOS环境,验证步骤,开始创建可省略,后期可执行该命令添加。不过为验证所创建空框架是否正确,建议添加平台信息测试框架

  例:ionic platform add android 或者 ionic platform add ios

4.ionic build <paltformName>

  说明:将创建的空项目编译打包,验证步骤,开始创建可省略,后期可执行该命令编译。不过为验证所创建空框架是否正确,建议编译刚才所添加平台,验证环境或者项目是否有误

  例:ionic build android 或者 ionic build ios

5.ionic emulate <paltformName>  或者 ionic run <paltformName> 或者 ionic serve 或者 ionic serve –lab

  说明:如以serve运行,则使用:http://localhost:8100/  浏览器访问测试;具体链接可查看启动服务后的DOS提示

  备注:

  ionic emulate <paltformName>:通过命令在虚拟设备上安装调试

  ionic run <paltformName>:通过命令在实体机上安装调试

  ionic serve:以服务的形式在浏览器上调试

  ionic serve –lab:以服务的形式在浏览器上已Android和IOS的模式调试

 

二、Ionic其他命令:

1.adb devices:查看当前可用于调试的移动设备

2.ionic –v:用于查看ionic的版本

 

三、创建项目可能遇到的问题:

1.在编译项目:ionic build Android时提示安装Android22,因为本地SDK版本太低引起,手动修改:项目\platforms\android\AndroidManifest.xml及project.properties文件,降低版本

2.在编译项目:ionic build Android是出现如下错误:

问题原因:“C:\Users\用户名\.gradle\wrapper\dists\gradle-2.2.1-all\2m8005s69iu8v0oiejfej094b\gradle-2.2.1-all.zip”的grade-2.2.1-all.zip包下载不完整,完整包几十兆(20150823为五十几M)

解决办法:

删除上面目录下的文件,重新运行命令ionic build android,重新下载即可,如果不删除,每次编译,系统自动检测该文件已存在,则不会重新下载,其实原文件不全,所以导致编译始终出错。

 

转载于:https://www.cnblogs.com/peakblog/p/4924449.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Ionic Angular 项目中实现消息推送功能并打包为 Android APK,你可以按照以下步骤进行操作: 1. 配置 Firebase Cloud Messaging (FCM):首先,你需要在 Firebase 控制台中创建一个项目,并启用 FCM。然后,在 Ionic 项目中安装 Firebase 相关的插件和依赖,如 `@angular/fire` 和 `firebase`. 接下来,按照 Firebase 文档的指引,将你的应用连接到 Firebase 项目。 2. 安装 Cordova 插件:使用 Cordova 插件来与 Android 设备的原生推送服务进行交互。在终端或命令行中进入 Ionic 项目的根目录,然后执行以下命令安装 Cordova 插件: ``` cordova plugin add cordova-plugin-fcm-with-dependecy-updated ``` 3. 配置 Android 平台:确保你已经添加了 Android 平台到 Ionic 项目中(如果没有,可以通过运行 `ionic cordova platform add android` 添加)。然后,根据 FCM 插件的文档,在 `config.xml` 文件中添加以下代码: ```xml <platform name="android"> <resource-file src="google-services.json" target="app/google-services.json" /> <preference name="FCM_ANDROID_SENDER_ID" value="your_sender_id" /> </platform> ``` 将 `your_sender_id` 替换为你在 Firebase 控制台中获得的 FCM 发送者 ID。 4. 处理推送通知:在你的 Ionic Angular 项目中,你可以使用 `@angular/fire` 提供的 `AngularFireMessaging` 服务来处理推送通知。在你的应用的相应页面或服务中,注入 `AngularFireMessaging`,并编写代码来处理收到的推送通知。 ```typescript import { AngularFireMessaging } from '@angular/fire/messaging'; // ... constructor(private afMessaging: AngularFireMessaging) {} // 监听推送通知 listenForPushNotifications() { this.afMessaging.messages.subscribe((message) => { console.log('Received push notification', message); // 在这处理推送通知的逻辑 }); } ``` 5. 构建 APK:完成上述配置后,你可以使用以下命令构建 Android APK: ``` ionic cordova build android --prod ``` 这将生成一个已经配置了消息推送功能的 Android APK 文件。 请注意,以上步骤仅提供了一个大致的指导,具体的实现细节和代码可能会因你的项目结构和需求而有所不同。建议你参考相关插件和工具的文档以获取更详细的信息,并根据实际情况进行调整。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值