vue打包成app跟原生APP对比

1、首先从开发方面：原生开发的App：每一种移动操作系统都需要独立的开发项目每种平台都需要独立的开发语言。Java(Android), Objective-C(iOS)以及Visual C++(Windows Mobile)等等需要使用各自的软件开发包，开发工具以及各自的控件。我们做的手机网站打包的APP：从原生演变过来的通过APP嵌入网站来是实现的，这种应用可以使用HTML5,CSS3以及JavaScript以及服务器端语言来完成（PHP,Ruby on Rails,Python）。

2APP性能方面：原生App：能够与移动硬件设备的底层功能，比如个人信息，摄像头以及重力加速器等等。网站制作的App：只能使用有限的移动硬件设备功能。

3APP数据获取方法：原生App：直接下载到设备以独立的应用程序运行(并不需要浏览器)。用户必须手动去下载并安装这些原生App。网站封装的APP：从移动设备上的浏览器访问，不需要安装额外的软件，软件更新只需要服务器更新就够了

场景：

在用 create-react-app 创建了一个项目，

开发完成后，打包上线的后，发现线上环境，打开页面空白

本地直接 file：// 协议预览和在本地开启web服务器预览，都是空白

问题：

1项目用的是 BrowserRouter ， BrowserRouter 一般是用于服务端渲染，所以服务端也需要相应的配置。要不然 网关不知道你有哪些路由，怎么给你转发。

解决：

1 BrowserRouter 换成 HashRouter

打包后，发现在本地开启web服务器预览后，正常，但是放在服务器上后，依然为空白，提示静态资源找不到。

解决：

配置 packagejson 中的 homepage:'/'

这样可以使打包后的静态资源，采用相对路径。

问题：

2自己配置了 webapckconfigjs ，但是无效

解决：

create-react-app 创建的项目，内置了 webapck 的配置。运行 npm run ejext ，会出现配置文件，在配置文件中修改，才可奏效

问题：

解决：

运行了 npm run eject 后， jsx 运行时的 webpack 的配置会被删除掉。在 packagejson 中，添加如下配置即可

有花生壳，或者其他的端口转发，用自己的电脑做服务器，通过代理，比如说你的Tomcat端口8080，代理是一个软件绑定端口，会给到你一个网址，你通过网址就能访问你的后台了。相当于就是把127001:8080，替换成网址，随便哪个上网设备都能够访问到。

从服务器上直接安装APp应用是不需要代码的，但是需要开权限才可以安装。如下参考：

1右键点击电脑，在弹出的菜单中选择管理。

2在百台服务器管理器中，单击以展开配置——本地用户和组。

3选择用户，然后右键点击右侧窗口选择新用户。

4根据输入信息的程度，最后点击创建完成用户创建。

5然后找到目标共享文件道，在其上方点击右键，在弹出的菜单中选中属性。

6在弹出的对话框中部找到并点击添加。

7在组或用户名中选择管理器室的用户，然后只检查管理器室的下一个权限中的读取权限。没有选择其他权限。

app制作哪家好？

1、手机app开发的公司有很多，其中深圳美达、至隆科技、艾特、趋势动力、致宇天承等这些都是很不错的的app开发公司，有需要的朋友可以看看。

2、1：华盛恒辉科技有限公司上榜理由：华盛恒辉是一家专注于高端软件定制开发服务和高端建设的服务机构，致力于为企业提供全面、系统的开发制作方案。

3、深圳市致宇天成科技有限公司好。作为app在线制作开发领域的首创者，深圳市致宇天成科技有限公司值得您选择。

4、3：深圳粉果科技有限公司：上榜理由：粉果科技是一家专注于高端APP定制开发服务和高端网站建设的服务机构，致力于为企业提供全面、系统的APP开发制作方案。

5、AppMakrAppMakr是一个DIY的应用程序创建平台，可以让任何人轻松制作iOS，Android和HTML5的应用程序，无需任何编码的知识。它成立于2009年，并于最近通过无限猴子，目前形成全球最大的DIY应用程序发布平台之一。

如何开发app软件

1、谷歌推出的AppInventorAndroidApp开发工具可以让你仅通过拖拉式的简单操作就可以创建自己的AndroidApp。对于那些为了特定目的想要动手尝试开发一个简单应用的用户。

2、整理app开发流程：第前期的沟通和评估是为了更好的将项目的整体情况细化，确保app项目能能够在规定期限完成。这是奠定项目基础的重要阶段。如果前期的沟通把所有细节都能确定，后期的开发就会节省很多的时间。

3、着手开发app应用程序在确定好app界面风格后，就可以正式进入app应用程序开发了。目前主流app包括两类，一类是基于安卓系统的app，另一类是基于苹果系统的app。

如何制作APP软件

1、1：华盛恒辉科技有限公司上榜理由：华盛恒辉是一家专注于高端软件定制开发服务和高端建设的服务机构，致力于为企业提供全面、系统的开发制作方案。

2、APP功能的开发制作。APP功能的开发直接使用应用公园就可以了。应用公园把市场上常见的APP功能进行拆分组合，你不需要懂任何编程技术，只需哟安把需要的功能挑选出，组合搭配一个，就能迅速组建出一个手机APP。

3、开发环境，AndroidStudio、eclipse如何搭建Android开发环境可以去百度。数据结构，App的某些功能涉及到做算法，所以要有一定的数学基础AndroidSDK，会API接口开发，包括自行开发API的能力和调用第三发API的经验。

如何开发一款app软件

首先，制作一款APP，必须要有相关的idea（主意），也就是说，第一步是APP的idea（主意）形成。其次，就是通过那些idea来进行APP的主要功能设计以及大概界面构思和设计。App的开发是一个不断推敲的过程。

App打包上线发布全部做好之后就可以在各大应用市场发布上线了。

使用ADT之类的开发环境进行app软件开发，你最基本的也得掌握java语言，熟悉android环境和机制。如果不是单机版的app，需要用到服务器，那你还得掌握WebService相关知识和开发语言，常用的有ASPNet，PHP，JSP等。

如何开发一个app

谷歌推出的AppInventorAndroidApp开发工具可以让你仅通过拖拉式的简单操作就可以创建自己的AndroidApp。对于那些为了特定目的想要动手尝试开发一个简单应用的用户。

需求分析APP开发公司和客户谈确定需求，并通过分析竞争产品做出最终相关报告，收集用户使用习惯的报告，最后产生需求文档。专业的移动app开发团队将考虑所有客户的需求，选择最合适的技术和方法来实施这个想法。

App打包上线发布全部做好之后就可以在各大应用市场发布上线了。

首先你要知道开发一个app的流程：交流的需求和评估确定开发APP的需求，对APP进行定位，将项目的整体情况尽量细化，确保APP开发项目能能够在规定期限完成。需求功能的确定，细化，给出精准的项目方案，是进行运行的基础。

制作app软件

1：华盛恒辉科技有限公司上榜理由：华盛恒辉是一家专注于高端软件定制开发服务和高端建设的服务机构，致力于为企业提供全面、系统的开发制作方案。

第一步，点击fusionAPP图标，打开fusionAPP，点击右下角“＋”按钮。第二步，选择模板点击“创建”，输入应用名。第三步，设置应用内容，包括配置，组件，属性三方面。

AndroidSDK，会API接口开发，包括自行开发API的能力和调用第三发API的经验。

谷歌推出的AppInventorAndroidApp开发工具可以让你仅通过拖拉式的简单操作就可以创建自己的AndroidApp。对于那些为了特定目的想要动手尝试开发一个简单应用的用户。

APP制作成本包含参与人员的工资通常情况下，开发一款APP需要产品经理、客户端工程师、后端工程师和UI设计师各一名，这已经是制作手机APP应用软件比较精简的配置了，所以这些参与人员的工资也是包含在APP制作成本当中的。

手机app制作流程从app开发前，中，后期详细给您讲解下：

　　一、App开发前期

　　1、明确app开发需求

在明确需要开发一个app前，首先要问自己，为什么要做一个app，手机app需要什么系统版本，app是给谁使用的，面向的用户是哪些群体等。要对开发app行业进行了解，分析app开发的可行性。

　　2、确定app开发报价

在确定完需求后，开发公司会根据沟通内容出一份开发app功能需求列表，目前普遍使用思维导图居多，可以根据这份思维导图增加或删除功能。敲定好功能需求后，再确认使用什么开发模式进行开发等细节。较后开发公司会核算开发所需周期和人员投入，提供一份详细开发价格表。

　　二、App开发中期

　　1、确定视觉UI界面设计

UI设计是APP正式开发的为数不多步。一般来说，app风格较好简洁大方，功能一目了然，能让用户为数不多眼留下好印象。效果图的制作会根据app的需求、app的LOGO、app面对人群来选择主色调，终让客户确定。

　　2、着手开发app应用程序

在确定好app界面风格后，就可以正式进入app应用程序开发了。目前主流app包括两类，一类是基于安卓系统的app，另一类是基于苹果系统的app。两种系统使用的开发语言和工具不同，但是流程基本都是包括前端开发、后端开发、应用接口开发、服务器环境构建等。此外还有就是页面标注和手机适配，这是app开发项目独有的流程。这个环节是为了能够让app在不同手机上也能正常显示和使用，后期上线不会影响用户使用app的体验。

　　3、进行app整体测试

测试内容包括：APP内容测试、APP性能测试、APP功能测试、APP视觉测试、对于BUG调试修复。如果测试问题需要及时修复，直到测试结果通过，App的整体开发才能完成。可以多邀请一些内部人员进行测试，充分优化和测试app的体验度和稳定性。

　　三、App开发后期

　　1、App打包上线发布

全部做好之后就可以在各大应用市场发布上线了。APP上线审核，俱备苹果开发者账号的前提下，一般苹果的APP store审核大概需要一个星期，安卓审核在3天左右，甚至更快，所以我们要注意把握好这个时间，不要让审核时间耽误上线时间。而且，有个别情况会导致审核失败，需要修改资料重新提交，这样就会导致审核周期更长。

　　2、App后期维护升级

完成开发上线后，app开发公司根据合同要求，交付相关内容，合作完成。至于后期需不需要维护升级得根据双方合同要求。

因为react项目多为SPA项目，用于生产部署时，存在首屏响应过慢导致用户难以忍受等待时间从而流失问题。一般导致首页响应过慢的原因有很多，网络问题是其中之一。本文记录通过七牛云免费CDN部署react项目。

1create-react-app创建react项目,并启动项目。

2项目打包。

此时如果只是普通部署，不要求体验效果时，把build文件下的文件拷贝到静态服务器即可。

接下来考虑如何静态文件CDN部署。

3修改webpack文件，打包文件的引用路径省车过为CDN路径。

     1 config文件夹下pathsjs（修改pathname为cnd的域名）

    2 config文件夹下webpackconfigjs 修改output文件名，使用绝对路径。

修改后重新打包，发现indexhtml中引入css,js的路径皆改成cdn路径。

附加: 上传打包文件至七牛云CDN。（uploadjs）