如何搭建Ionic环境以及打包成安卓apk
发布网友
发布时间：2022-04-23 10:29
共2个回答
懂视网
时间：2022-05-15 12:58
ionic generator使我们可以自动创建以下几部份：
?component
?directive
?page
?provider
一、创建页面：ionic g page [PageName]
通过这个命令创建一个新的页面，ionic2项目中这个命令使用最多
我们只需要进入我们的命令行中，并运行下面的命令：
login.ts：
login.html：
二、创建组件：ionic g component [ComponentName]
组件是一段代码，可以在我们的应用程序的任何部分使用
通过这个命令创建一个组件：
my-component.ts:
三、创建指令：ionic g directive [DirectiveName]
指令，我们的应用程序可以在任何元素上使用的修饰符属性.
my-directive.ts:
四、创建服务提供者：ionic g provider [ProviderName]
现在创建一个新的服务（提供者），提供者负责处理数据的REST API的连接，本地存储，SQLite的等等。
要创建它，我们去运行以下命令我们的终端：
服务代码如下：
user-service.ts:
五、创建管道pipe：ionic g pipe [PipeName]
该管道的变化，我们可以对任何数据使用我们的模板，如以大写字母显示文本，显示货币值，日期格式等。
我们的管道的代码如下
myPipe.ts:
最后，我们生成的应用程序结构如下图：
我们的项目将存放在一个更加有序和更多的控制方式，这一切都可以手动实现，但用ionic generator来做，可以节省宝贵的时间来创造这些内容。
热心网友
时间：2022-05-15 10:06
2.如何搭建环境？
如果你现在要使用Ionic来架构应用，你应用要有以下几个步骤。
1>安装node.js。可以访问[nodejs官网](http://nodejs.org)下载对应平台的安装包。如果你已经安装了node，请把它升级为最新版本。安装完成后，可以在OS X的终端后者windows的命令提示符中运行下面的代码来验证是否安装成功。
$ node -v1
如果出现版本号说明安装成功。(忽略$符号，以下同理)
2>安装Ionic和Cordova。使用一条命令就能安装Ionic和Cordova。执行之前请确保你已经安装了git：
$ npm install -g cordova ionic1
这条命令需要一点时间，请耐心等待。安装完成后，运行下面的命令来确认已经安装成功：
$ cordova -v
$ ionic -v 12
同样，这里出现版本号说明安装成功。注意：这里需要配置node的环境变量，如果你不清楚环境变量如何配置，百度一下啦！
3.是时候创建一个应用了。
Ionic提供了一个简单的start命令，几秒就可以创建一个新项目，在你想要创建项目的文件夹下运行如下代码就可以轻松创建：
$ ionic start demo
$ cd demo12
程序可能会问你是否创建一个Ionic账户，暂时可以无视它。ok创建成功后，你可以在你的文件下面看到demo文件夹，进入文件夹，你可以看到一串目录。这是Ionic的默认模板。
重点介绍以下www目录，这里进去我们可以看到css，js，lib，image，index，template等文件或者文件夹，这里前端人士应该很熟悉啦，这里就是你这个应用所有的前端代码，在这里面编写你的代码吧！
Ionic有个很牛叉的地方，当你输入如下代码后，你可以在浏览器中预览应用，当你在编写代码的时候，只需要保存，页面就好自动刷新，而不需要你手动刷新页面，这个angular又更进一步啦！很神奇有木有...
$ ionic serve1
执行的时候会提醒你选择地址，多数情况下选择localhost即可。程序会自动打开电脑中的默认浏览器并访问8100端口。你也可以直接在浏览器中输入localhost:8100。这里建议使用Chrome或者Safari。IOS的WebView使用的是Safari，Android使用的是Android浏览器（跟Chrome的相似度极高）。所以很明显看到用这两个浏览器模拟的好处，嘿嘿！
4.如何编译并发布应用？当你已经顺利完成你的应用代码部分的时候，你现在所需要的就是将你的应用打包并且发布了。
第一步：创建一个独一无二的图标。图标的设计无非有以下几点：简单，让人印象深刻，不受尺寸*，颜色不要太复杂。创建好你的图标之后，请以png/psd/AI格式保存在resource/android/icon.png和resource/android/icon.png。然后使用如下命令，就可以生成不同尺寸的图标：
$ ionic resources -icon1
第二步：创建启动页面图片。启动画面的源文件至少需要2208px×2208px，创建完成后，保存为
resource/android/splash.png和resource/android/splash.png。
然后使用如下命令就可以生成不同尺寸的启动画面图片：
$ ionic resources --splash1
第三步：编译Android应用（这里以安卓应用为例）。
1>配置应用的签名。使用如下命令来配置你的签名（keystore）：
$ keytool -genkey -v -keystore know_your_brew.keystore -alias know_your_brew -keyalg RSA -keysize 2048 -validity 100001
注意：请使用你应用的名字来替代know_your_brew.这个命令可以生成一个新文件，在本示例中为know_your_brew.keystore。
在应用的整个生命周期中将重复使用同一个keystore，请保存好它。
2>使用Cordova编译应用。使用build命令编译一个应用的发布版本：
$ cordova build --release android1
这个命令会生成一个新的apk文件。此时还未签名。
3>签名应用文件。现在我们要用之前创建的keystore文件来签名生成的未签名版本的应用。使用如下命令来签名：
$ jarsigner -verbose -sigalg SHALwithRSA -digestalg SHAL -keystore know_your_brew.keystore unsigned_name.apk know_your_brew1
注意：这里请使用keystore生成文件名来替换know_your_brew示例名称，同时用真实的应用文件名替换掉unsigned_name.apk。
这个过程需要一点时间，期间会提示输入keystore的密码。命令会修改apk文件并对其进行签名。
