|
|
就是大部分功能和市场上主流的类似的，但是人家又不开源的，怎么快速找到模板，然后修改？西安APP开发公司http://www.jiujieseo.cn/西安量子悦动（）一直致力于西安网站建设服务,提供网站建设、小程序开发、软件开发等一系列服务,欢迎来电咨询合作!
【硬广时间】网站APP小程序规划开发相关需求、公众号裂变增粉需求欢迎联系微信：Jonzhq
2019.11.1更新：
测试机需先使用数据线连接电脑并开启开发者模式，各机型开启开发者模式方法不一这里就不一一赘述了，请自行百度。在开发者选项中打开USB调试并允许USB安装，此时在Hbuilder上的运行->运行到手机或模拟器便会出现手机信息，选择第一个选项，稍作等待即可开始在真机上调试
和安卓机调试一样，数据线连接，开启开发者模式，但是苹果手机调试需要在电脑安装iTunes 软件，安装完成后打开iTunes，此时手机会弹出授权，需要点击授权否则Hbuilder无法识别苹果手机。此时运行里就会出现手机选项。第一次调试的手机还需要在手机的设置->通用->设备管理里信任HBuilder
打包前可以打开manifest.json文件对项目的图标、名称、API进行配置，点击菜单栏里的发行选择对应的打包选项
两点注意：
安卓的图标要使用背景透明的图片，不然打包的图标会有背景应用使用了哪些模块需要在APP模块权限配置中勾选对应的配置
点击打包即可完成。
1、首先需要给H5端解析一个二级域名，请自行前往域名服务商解析，这里以阿里云为例：
使用HBuilder将项目打包H5页面
3、打包完成后在Hbuilder的控制台会返回H5包的本地地址，打开文件夹
4、将h5这个文件夹上传到服务器上
5、在服务器上配置第一步解析好的二级域名的nginx，nginx配置的目录是：/home/ly/nginx_config
nginx配置修改完成后需要重启nginx使配置生效。此时我们就可以使用二级域名访问H5端页面了。
我们的目标是用户访问主域名时如果是移动端访问直接跳转到H5端此时需要一小段js代码即可完成此功能，只需要在Home/View/Wap/Public/layout.html里加上
<script>window.location.href=https://www.zhihu.com/question/28606284/answer/'http://h5.55ij.com';</script>，这样当页面访问移动端页面时网站会先执行layout.html里面的这一句网页跳转，从而完成此功能。
2019.8.15更新:
近期我们通过uniapp+零云这条方案开发了很多APP，这套方案最大的好处是可以同步编译出小程序+H5+APP，但需要注意的是开发过程中要尽可能用兼容三端的组件等。具体细节回头单开一贴记录。
2017.4.28更新:
零云新的非原生APP方案特性关键词：
1、SAP单页应用（没有刷新，客户端靠路由实现UI更新，原生app天生就是，而H5app通过这一概念来模仿原生的体验）
2、Vue
3、Framework7
4、webpack（webpack是用来打包管理整个js的，典型的他可以把es6写的语法转换成es5，因为es6太新了很多浏览器都来不及支持，这样现状就是很多项目开发用高级标准，实际使用要转换成低标准以获取浏览器兼容）
5、es6（es6给js带来了模块化功能，ecmascript是js的标准，es5之后标准可以说是给js带来了翻天覆地改进）
6、sass（赋予了css缺少的先天性功能，比如变量 继承这些动态语言才有的特性，less和sass要编译成css才能使用）
7、MVVM 双向数据绑定（主要是用来解决大型js项目越来越难维护控制，比如价格受到各种红包优惠券折扣计算，谁都想去改数据，不一致的可能性大为严重）
8、虚拟Dom
总结：和ionic全套对比一下：
1、ionic=cordova+ionic自己的ui+sass+angular
2、零云新的非原生app的方案=cordova+f7ui+sass+vue
2017.4.28之前答案：
非原生App开发的基本步骤（以安卓端为例）
主要使用：
移动端：ionic、cordova
后端：CoreThink
注：这是我司一位美女研发顺手整理过的一份概要流程，希望多少能帮到题主，如果有不合理或者错误的地方欢迎反馈给我，官网：CoreThink－最好用的开源免费WEB产品开发框架，qq:1270686837，这个流程可以非常快地同时产出iOS&Android两端非原生APP。
2016.5.27更新一下，现在我们常用的两条路线是：1、CoreThink + dcloud + framework7 + cors；2、Ionic+Cordova+ CoreThink。这两条路线都不错，不过Cordova是阿帕奇基金会维护的产品，质量要比其他同类产品都要好一些，这个我们在实际开发过程中有比较深的感触。
一、安装
1.安装node.js
2.安装git
3.安装ionic
& cordova：
命令行输入：npm
install –g cordova ionic
注：-g表示全局安装，也可以进入指定的目录安装，但这里推荐全局安装，安装后的目录为C:/users/Administrator/AppData/Roaming/npm/node_modules
4.安装Java
JDK
5.安装Apache
Ant
6.安装Android
SDK（从这里开始后面基本以android为例，ios类似）
7.设置环境变量：
①打开计算机->系统属性->高级系统设置->环境变量
②在系统变量中新建ANDROID_HOME变量，变量值为sdk所在目录
③新建CLASSPATH变量，变量值为.;%JAVA_HOME%\\lib\\dt.jar;%JAVA_HOME%\\lib\ ools.jar;
④新建JAVA_HOME变量，变量值为jdk所在目录
⑤编辑系统变量中的path变量，不要删原来的变量值，在原值后面添加 ;%JAVA_HOME%\\bin;%JAVA_HOME%\\jre\\bin;%ANDROID_HOME%\ ools;%ANDROID_HOME%\\build-tools;%ANDROID_HOME%\\platform-tools
注：这里是添加了jdk\\bin、jdk\\jre\\bin、sdk\ ools
、sdk\\build-tools、sdk\\platform-tools的路径，互相以英文分号隔开
8.创建项目：
命令行cd进入任何你喜欢的目录，ionic
start AnyNameYouLike blank，如果一切顺利，就会在你指定的目录新建一个你喜欢的名字的文件夹，并在里面初始化一个ionic项目。
9.添加平台
进入刚才新建的项目的目录，命令行输入ionic
platform add android
二、在项目目录中有一个www的文件夹，里面的文件有html，js，css等，可随意编写，在platform中的www文件最好不要动它。
三、测试项目
1.进入项目目录，ionic
build android编译项目
2.测试项目的方法：
桌面浏览器测试法：ionic
serve
模拟器测试法：这个比较烦，而且运行慢，略
手机浏览测试法：Testing your app自己看吧，略
手机测试法：连上数据线，打开开发者选项，执行ionic
run android
四、编写项目
Building out your app英文太多，翻译不出来
五、发布app，前面的准备就是为了这一步了
1.执行cordova plugin rm cordova-plugin-console，这一步是Before we deploy, we should take
care to adjust plugins needed during development that should not be in
production mode.
2.执行 cordova build --release
android，在platforms/android/build/outputs/apk，中会出现***-release-unsigned.apk，最前面取决于取了什么名字
3.使用keytool打包私有密钥：执行keytool -genkey -v -keystore
my-release-key.keystore -alias alias_name -keyalg RSA -keysize 2048 -validity
10000
4.给没有签名的apk签名：执行jarsigner -verbose -sigalg SHA1withRSA -digestalg
SHA1 -keystore my-release-key.keystore HelloWorld-release-unsigned.apk
alias_name
5.最后一步，执行zipalign -v 4 HelloWorld-release-unsigned.apk HelloWorld.apk
六、基本步骤到此结束，可能会出现各种报错的情况，只能具体问题具体分析了，
参考网址：
Welcome to Ionic
The Command-Line Interface
http://developer.android.com/sdk/installing/adding-packages.html
Download - iOS
CoreThink－最好用的开源免费WEB产品开发框架 |
|
发表于 
QQ好友和群
QQ空间
腾讯微博
腾讯朋友
收藏
分享