zoukankan      html  css  js  c++  java
  • 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

                                

              

              

      

      

  • 相关阅读:
    使用Gson将对象类转成Json对象时出现u003d的问题
    spark 关联source
    FutureTask demo
    mybatis batchinsert
    spark-shell下有提示了,但是发现不能退格
    why big data
    MySQL buffer pool中的三种链
    MySQL 性能监控 4 大指标
    实战演示疑惑 mysql insert到底加什么锁
    MySQL锁(行锁、表锁、页锁、乐观锁、悲观锁等)
  • 原文地址:https://www.cnblogs.com/changyaoself/p/8336112.html
Copyright © 2011-2022 走看看