使用百度siteapp开发网站的App-(IOS和Android版本)
2014-01-15 16:11
429 查看
介绍
之前写了个把百度云作文网站文件服务器、一些园友的评论不错、不过我似乎把意思弄错了! 我用的百度云的SVN环境!现在不少人都做web开发。不管你是什么语言编写的(jsp,php,asp.net等等)、使用百度的SitApp都能生成移动版本的轻应用、
包括Android和IOS,目前支持2个、话不多说了。需要详细了解的请直接百度或者看下面即可!
这里是我的PC端:点击预览
然后这是生成的APP:
原理
首先移移动端发起请求、这里不是访问的地址而是百度的APP,然后百度的APP再去连接你的网站、返回给移动端,而不是直接的访问。
准备工作
1》注册帐号、http://developer.baidu.com/light (已有帐号的请直接忽略)2》点击这个图标创建:
然后跳转到了:
下面就是页面设计了:
这样一直填写数据验证即可。
这是我最终的成果:
我的app自动生成页面:
代码原理
百度的app之强大的功能各位估计也猜想到了其实就是使用了Android内置的webkit内核浏览器,在SDK中封装为一个叫做WebView组件。什么是webkit WebKit
是Mac OS X v10.3及以上版本所包含的软件框架(对v10.2.7及以上版本也可通过软件更新获取)。
同时,WebKit也是Mac OS X的Safari网页浏览器的基础。WebKit是一个开源项目,主要由KDE的KHTML修改而来并且包含了一些来自苹果公司的一些组件。
传 统上,WebKit包含一个网页引擎WebCore和一个脚本引擎JavaScriptCore,它们分别对应的是KDE的KHTML和KJS。不过, 随着JavaScript引擎的独立性越来越强,现在WebKit和WebCore已经基本上混用不分(例如Google Chrome和Maxthon 3采用V8引擎,却仍然宣称自己是WebKit内核)。
使用注意
1.AndroidManifest.xml中必须使用许可"android.permission.INTERNET",否则会出Web page not available错误。
2.如果访问的页面中有Javascript,则webview必须设置支持Javascript。 webview.getSettings().setJavaScriptEnabled(true);
3.如果页面中链接,如果希望点击链接继续在当前browser中响应,而不是新开Android的系统browser中响应该链接,必须覆盖 webview的WebViewClient对象。
如下:
mWebView.setWebViewClient(new WebViewClient(){ public boolean shouldOverrideUrlLoading(WebView view, String url) { view.loadUrl(url); return true; } });
如果不做任何处理,浏览网页,点击系统“Back”键,整个Browser会调用finish()而结束自身,如果希望浏览的网 页回退而不是推出浏览器,需要在当前Activity中处理并消费掉该Back事件。
public boolean onKeyDown(int keyCode, KeyEvent event) { if ((keyCode == KeyEvent.KEYCODE_BACK) && mWebView.canGoBack()) { mWebView.goBack(); return true; } return super.onKeyDown(keyCode, event); }
public class WebViewDemo extends Activity { private WebView mWebView; private Handler mHandler = new Handler(); public void onCreate(Bundle icicle) { super.onCreate(icicle); setContentView(R.layout.webviewdemo); mWebView = (WebView) findViewById(R.id.webview); WebSettings webSettings = mWebView.getSettings(); webSettings.setJavaScriptEnabled(true); mWebView.addJavascriptInterface(new Object() { public void clickOnAndroid() { mHandler.post(new Runnable() { public void run() { mWebView.loadUrl("javascript:wave()"); } }); } }, "demo"); mWebView.loadUrl("File:///URL/index.html"); } }
上面是使用JS
其ta:
为了让WebView从apk文件中加载assets,Android SDK提供了一个schema,
前缀为"file:///android_asset/"。WebView遇到这样的schema,
就去当前包中的 assets目录中找内容。
2)addJavascriptInterface方法中要绑定的Java对象及方法要运行另外的线程中,
不能运行在构造他的线程中,这也是使用 Handler的目的。
APP
Android版本下载IOS下载
以上,谢谢!
相关文章推荐
- 使用百度siteapp开发网站的App-(IOS和Android版本)
- 代码原理 webkit WebKit-利用百度siteapp开发网站App-(IOS和Android版本)
- 你知道吗?使用任何HTML5开发工具都可开发iOS、Android原生App
- Hbuilder,使用mui,HTML5 plus 开发Android,IOS的APP始末
- 使用VS2017开发APP中使用VUE.js开发遇到打包出来的android文件 在低版本的android(4.3)中无法正常使用
- Hbuilder,使用mui,HTML5 plus 开发Android,IOS的APP始末
- 2018在macOS High Sierra下重温Eclipse开发Android App(系统版本8.0/API版本24)体验集成bug
- 使用react-native进行android App开发过程所遇到的问题集锦
- IOS学习——使用xib开发app
- 使用Mac开发Android/iOS/OS X图标生成工具推荐
- 标签:ios开发 界面启动 APP下载安装第一次使用一般会显示一个首次启动引导界面然后进入主界面,非首次开启APP也通常会显示一个启动界面然后进入主界面。 1、本例首次启动显示First
- 给你的移动网站加点料:推荐下载App,如果本地安装则直接打开本地App(Android/IOS)
- iOS系列开发-版本控制工具Git的使用
- Android Java / Kotlin 程序员开发调试工具。Debug Bottle 的所有功能均建立在 App 的 debug 版本中,不会对 release 版本产生任何影响。Debug Bo
- 16、使用swift语言开发iOS app
- Android开发第一课(ADT的下载使用、第一个安卓app的开发)
- Android开源实战:使用MVP+Retrofit开发一款文字阅读APP
- HBuilder开发IOS-Android-APP
- iOS开发007 苹果appStore检查版本更新与从app里引导跳到appstore评论页面
- 最近使用百度发现iOS,只要登录了一个百度APP,其他APP自动登录,于是就查阅资料了解缘由