最新:如何快速地开发一款 Android App?
就是大部分功能和市场上主流的类似的,但是人家又不开源的,怎么快速找到模板,然后修改?西安APP开发公司http://www.jiujieseo.cn/西安量子悦动()一直致力于西安网站建设服务,提供网站建设、小程序开发、软件开发等一系列服务,欢迎来电咨询合作!
https://img2.baidu.com/it/u=3384542007,3666363405&fm=253&fmt=auto&app=138&f=JPG?w=667&h=500
【硬广时间】网站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产品开发框架
页:
[1]