如何制作一个发布版的ionic应用？.docx

如何制作一个发布版的ionic应用？如何为Android APK签名，已经在这里说过了。这里说说如何保护源代码，把Hybrid App（混合移动应用）工程变到发布的状态。对于Hybrid App，如果不做任何处理，把apk文件解压后在assets文件夹里就能看到所有的源代码。?以下通过gulp tasks和cordova hooks来保护你的源代码。??gulp tasks - ionic serve时执行??cordova hooks - ionic build/run时执行?（0）创建一个ionic工程?cordova@5.0.0?ionic@1.3.20?Java代码??C:\ionic?start?myApp?tabs??首先编译一个调试用的apk，以后的发布版apk作对比。?Java代码??C:\cd?myApp??C:\myAppcordova?plugin?add?/apache/cordova-plugin-whitelist.git??C:\myAppionic?platform?add?android??C:\myAppionic?build?android??生成C:\myApp\platforms\android\build\outputs\apk\android-debug.apk??（1）(cordova hook)JS代码的Lint??? 混淆JS代码的前提要保准JS代码没有错误。?安装jshint?Java代码??C:\myAppnpm?install?jshint?--save-dev??C:\myAppnpm?install?async?--save-dev??hook文件?Java代码??C:\myApp\hooks\after_prepare\01_jshint.js??编译?Java代码??C:\myAppionic?build?android??引用Linting www/js/controllers.js?Errors in file www/js/controllers.js?9:4 - Missing semicolon. -?? }ionic的sample工程controllers.js有错误，第九行缺少分号。?修改错误提示，直到build成功。?（2）(gulp task)把html模板转换为angularjs模板?安装gulp-angular-templatecache?Java代码??C:\myAppnpm?install?gulp-angular-templatecache?--save-dev??修改gulpfile.js?Js代码??var?templateCache?=?require(gulp-angular-templatecache);??var?paths?=?{????sass:?[./scss/**/*.scss],????templatecache:?[./www/templates/**/*.html]??};??gulp.task(templatecache,?function?(done)?{????gulp.src(./www/templates/**/*.html)??????.pipe(templateCache({standalone:true}))??????.pipe(gulp.dest(./www/js))??????.on(end,?done);??});??gulp.task(default,?[sass,?templatecache]);??gulp.task(watch,?function()?{????gulp.watch(paths.sass,?[sass]);????gulp.watch(paths.templatecache,?[templatecache]);??});??修改ject?Js代码??{????name:?myApp,????app_id:?,????gulpStartupTasks:?[??????sass,??????templatecache,??????watch????]??}??修改app.js?Js代码??angular.module(starter,?[ionic,?starter.controllers,?starter.services,?templates])??修改index.html?Html代码??script?src=js/templates.js/script??Java代码??C:\myAppnpm?install??C:\myAppionic?serve????生成C:\myApp\www\js\templates.js??把templates.js里的temp