angular1項目打包app及logo和啟動圖片的設置


打包思想:ionic和angular混合開發app,那么純angular1的項目也是可以打包出來。

技術需要:安裝一個新的ionic2的項目,環境配置成功,這里打包的配置需要 http://www.cnblogs.com/changyaoself/p/8309739.html 及配置環境 http://www.cnblogs.com/changyaoself/p/6544082.html

項目結構必須:

  

  你的angular1的項目必須有index.html且在根目錄下。

1.分析ionic2的工作和打包原理:

  

  www1文件夾是我們的angular1項目如下:

  

   這里不需要自己去創建,本人的目的只是把要打包的項目放到這里。resources文件目錄是配置app logo和啟動圖片的。將目錄下的android和ios文件刪除,設置我們自己的圖片。

   ionic2 工作原理:

    當ionic2 運行時,會自動打包成一個瀏覽器能夠渲染的項目,這個項目就是www文件。

     而我們打包成app也就是把這個www項目打包成app。

   所以我們配置好resources文件,就配置好了logo和啟動圖片,然后運行ionic2 ,生成www項目,在把我們的項目覆蓋到www項目中,基本打包思想完成。

2.操作:

  https://ionicframework.com/docs/注冊一個賬號,右上角一個 sign up

  

  new 一個app

  本地下載打開項目:點開你的app項目,按照操作執行:

  

 

    記得這里需要使用git命令行,需要下載安裝git。因為會有賬號認證。

    執行上面操作后,在webstrom或其他編輯器打開我們的項目。

    將resource文件目錄下的android和ios文件刪除。放入自己的icon.png 和splash.png進行替換,切記:icon.png 大小 1280*1280px     splash.png 2370*2370px;

    命令行自動配置各種適配的logo和啟動圖片:

    cordova platform add android

    再執行以下命令生成你需要的平台圖片。

    

    執行:ionic serve 更新www文件。

    

    留下這三個文件,其他刪除,把自己的項目覆蓋過來:

    

    接下來正常打包:http://www.cnblogs.com/changyaoself/p/8309739.html

                            

          

 

          

 

 

 

 

 

 

 

  

  


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM