使用百度siteapp开发网站的App-(IOS和Android版本)

介绍

  之前写了个把百度云作文网站文件服务器、一些园友的评论不错、不过我似乎把意思弄错了!  我用的百度云的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下载

代码原理 webkit WebKit-利用百度siteapp开发网站App-(IOS和Android版本)相关推荐

  1. 利用PHP语言开发手机app后台服务器的框架是什么?或者说开发流程是怎么样的?

    最近正在做一个手机APP的服务端API开发,虽然是基于Ruby on Rails的,做的也不太专业,不过大致相通,希望能够给你一些启发. 首先,如果是比较简单的手机APP,例如新闻客户端这样的 不会涉 ...

  2. php开发的app商城,如何利用PHP语言开发手机APP

    如何利用PHP语言开发手机APP 一般的PHP框架都可以用来做app后台服务器.因为原理上客户端从你这边拿的都是字符串数据,所以就算你不用框架也没有问题,不过会引发后续的问题.PHP提供API给客户端 ...

  3. php开发安卓应用程序,如何利用PHP语言开发手机APP

    一般的PHP框架都可以用来做app后台服务器.因为原理上客户端从你这边拿的都是字符串数据,所以就算你不用框架也没有问题,不过会引发后续的问题.PHP提供API给客户端就好了,API描述方式有很多种:R ...

  4. android 百度地图开发 别人用不了,Android百度地图开发的那些不足之处

    Android百度地图开发的那些不足之处,最近做的项目中百度地图是很重要的一个模块,其中实现了定位.自定义Marker图标.线路规划.SuggestionSearch检索.地图截图以及导航等功能.因为 ...

  5. 利用wojilu框架仿一个网站的全过程(Step by Step利用wojilu框架开发网站系列二 附源码)...

    被仿的网站和仿照后的网站 被仿的网站-易读 仿照后的网站-我读 仿这个网站的目的:为了实践一下新学习的轻量级asp.net web开发框架[我记录] ,该网站比较简单,适合入门. 实现章节 章节部分, ...

  6. 百度SEO 利用百度地图提升网站本地搜索排名

    在当今互联网时代,本地搜索已成为企业在网络营销中不可忽视的一部分.而百度地图作为中国最大的在线地图服务平台,具有强大的本地搜索引擎优势,可以帮助企业提高本地搜索排名,吸引更多的潜在客户.在本文中,我们 ...

  7. android开发课程表app数据库,基于Android studio 的课程表增删查改功能(基于sqlite)

    [实例简介]Android studio 用SQLite实现课程表的增删查改功能,:实现详情浏览.编辑.及新增功能.课程编号可以实现正则检查(编号规则XX00000,XX表示两位大写的字母,00000 ...

  8. 【Java 代码实例 11】利用百度语音识别技术实现文字转语音的应用

  9. ios 代码设置控件宽高比_IOS开发入门之iOS一套代码适配所有iPhone手机布局实现方案...

    本文将带你了解IOS开发入门iOS一套代码适配所有iPhone手机布局实现方案,希望本文对大家学IOS有所帮助. iOS一套代码适配所有iPhone手机布局实现方案 本文主要是讲述一套代码适配所有iP ...

  10. 移动App开发(包含iOS和Android转型)

    上一篇从框架的角度介绍了iOS开发,本来这一节是要讲autolayout的,但是由于刚开始,可能很多移动端开发的同学,有的学android的,有的是从事iOS的,根据公司业务的调整,可能会存在互相的转 ...

最新文章

  1. Android应用程序安全改进:回顾2016年
  2. java二分查找法_java算法之二分查找法的实例详解
  3. 【习题4-1 Uva1589】Xiangqi
  4. flume 集群datanode节点失败导致hdfs写失败(转)
  5. C#:前台线程后台线程
  6. 高德地图轨迹PHP,轨迹回放-点标记-示例中心-JS API 示例 | 高德地图API
  7. 操作篇 ospf认识和应用
  8. html表头的标签,HTML 表头单元格标签
  9. HttpClient 发送 HTTP、HTTPS 请求的简单封装
  10. 在树莓派3上使用红外遥控器控制libreELEC和Raspbian系统
  11. 麻辣探:大学生就业翻译竞争激烈 IT制造需求大
  12. 程序员不应该错过的 6大导航
  13. 领导和同事嫌弃你的6个征兆,离失业不远了
  14. 新一代天气雷达文件三维可视化
  15. 改善民生 住有所居(加快经济发展方式转变)
  16. Android 一体机研发之修改系统设置————声音
  17. 【物联网设计记录】基于机智云云平台的Wi-Fi控制开发板
  18. 吃萝卜去口气(口臭)[转]
  19. chrome设置浏览器网页编码
  20. 基于深度学习的三维人体姿态估计

热门文章

  1. 使用Sbo用户自定义业务对象
  2. 展辰涂料如何利用K2BPM加强流程管控?
  3. 媒体连接(2)...
  4. Ubuntu系统安装及su安装
  5. 成功制定:会议纪要模板
  6. 贵港市计算机成绩查询,贵港驾驶证扣分查询
  7. 第四章选择结构,根据输入的性别和身高判断是否符合招生要求,男生身高大于等于168cm,女生身高大于等于158cm。
  8. Windows10台式机前面板插孔声音和麦克风不可用
  9. 机器学习之逻辑回归原理
  10. springboot2.0+springDataJPA报错Could not obtain identifier