Docker 实现浏览器里开发Android应用的功能

在浏览器里开发Android应用

         这里需要用到Docker的知识, Che 发布后对Android应用开发多了一个工具，这里就对如何实现该功能就行详细介绍：

Eclipse Che

最近Che发布了正式版，那我就介绍下在Che上开发Android吧～～
使用Che需要懂得一些Docker的知识，只需要一点点即可，因为Che是基于Docker的，所以了解Docker有助于理解Che的工作方式。

不废话，教程只有四步，开始。

第一步：部署docker服务器

我选择的是digitalocean的新加坡服务器，记住，必须选国外的，原因你懂。

如果你不是digitalocean的服务器，那么你可以通过以下方式安装docker：

sudo curl -sSL https://get.docker.com/ | sh
sudo usermod -aG docker your-user #设置Docker以非Root用户运行，确保安全。

选择已经部署docker的服务器镜像

选择已经部署docker的服务器镜像

SSH keys设置

SSH keys设置

SSH keys设置说明

连接服务器ssh -i your-ssh-keys root@yourIP，执行以下步骤：

apt-get update
apt-get dist-upgrade
apt-get install language-pack-zh-hans
locale-gen zh_CN.UTF-8

第二步：安装Eclipse Che

docker pull codenvy/che
docker images

看到下面输出表示成功了。

REPOSITORY  TAG   IMAGE ID  CREATED  SIZE
codenvy/che  latest  1401509fc68f 39 hours ago 613.7 MB

第三步：启动容器

最简单的启动命令：

docker run -ti --privileged --name=che --net=host -p 8080:8080 -p 32768-32788:32768-32788 -v /var/run/docker.sock:/var/run/docker.sock codenvy/che

或者使用Compose启动：

安装Compose（安装命令最新版本请看这里）

curl -L https://github.com/docker/compose/releases/download/1.6.2/docker-compose-`uname -s`-`uname -m` > /usr/local/bin/docker-compose
chmod +x /usr/local/bin/docker-compose

安装好后，新建一个文件夹，在里面新建一个yaml文件，内容如下，然后执行docker-compose up即可启动Che。

che:
 image: codenvy/che:latest
 command: >
 bash -c "
 sudo rm -rf /home/user/che/lib-copy/* &&
 sudo rm -rf /home/user/che/tomcat/temp/local-storage/* &&
 mkdir -p /home/user/che/lib-copy/ &&
 sudo chown -R user:user /home/user/che &&
 cp -rf /home/user/che/lib/* /home/user/che/lib-copy &&
 /home/user/che/bin/che.sh run -d
 "
 net: "host"
 volumes:
 - "/var/run/docker.sock:/var/run/docker.sock"
 - "/home/user/che/lib:/home/user/che/lib-copy"
 - "/home/user/che/workspaces:/home/user/che/workspaces"
 - "/home/user/che/tomcat/temp/local-storage:/home/user/che/tomcat/temp/local-storage"
 container_name: che

详细启动命令看官方文档，不知道Compose是什么可以看看这里Compose安装使用入门。

第四步：开发Android

基本上做到这里接下来就没问题了，首先需要新建一个Android项目，可以查看Codenvy公司的镜像（Codenvy和Che的关系你可以去找找资料）。

Codenvy构建了不少Android开发镜像，直接pull就可以用。

选择一个Demo

选择一个Demo

选择一个镜像启动

选择一个镜像启动

configs可以查看Dockerfile

查看Dockerfile

在浏览器开发Android，APP界面是通过VNC远程显示的，你需要比较先进的浏览器，Chrome或者Firefox都可以。

选择安装apk会自动安装apk

选择安装apk

Hello World

通过VNC显示的模拟器

感谢阅读，希望能帮助到大家，谢谢大家对本站的支持！

赞 (0)

相关推荐

  • Android开发之浏览器用法实例详解(调用uc,opera,qq浏览器访问网页)

    本文实例讲述了Android开发之浏览器用法.分享给大家供大家参考,具体如下: 一.启动android默认浏览器 Intent intent = new Intent(); intent.setAction("android.intent.action.VIEW"); Uri content_url = Uri.parse("http://www.jb51.net"); intent.setData(content_url); startActivity(inten

  • 微信浏览器弹出框滑动时页面跟着滑动的实现代码（兼容Android和IOS端）

    在做微信开发的时候遇到这个问题:微信浏览器弹出框滑动时页面跟着滑动. 我觉得这个问题用的是下面这几行代码: var $body = $('body'), dialogIsInView = !1,//当前是不是对话框 lastContentContainerScrollTop = -1,//用于弹出框禁止内容滚动 $contentContainer = $('#content-container');//内容容器 //阻止Window滚动 function stopWindowScroll() {

  • Android调用系统自带浏览器打开网页的实现方法

    在Android中可以调用自带的浏览器,或者指定一个浏览器来打开一个链接.只需要传入一个uri,可以是链接地址. 启动android默认浏览器 在Android程序中我们可以通过发送隐式Intent来启动系统默认的浏览器.如果手机本身安装了多个浏览器而又没有设置默认浏览器的话,系统将让用户选择使用哪个浏览器来打开连接. Uri uri = Uri.parse("https://www.baidu.com"); Intent intent = new Intent(Intent.ACTI

  • Android 开发 使用WebUploader解决安卓微信浏览器上传图片中遇到的bug

    先给大家分析下微信浏览器上传图片bug的原因 微信在新版本中采用的是自己的X5内核浏览器,而在较老的版本中还有可能是安卓的原生浏览器.具体的环境我也不太了解,但是经过实际多台安卓机型的测试,我采取的方案可以基本确保在安卓机中微信浏览器的成功上传.苹果机型没问题,因为微信的ios客户端使用的是Safari的内核,没有各种坑,且效果最好. 这里给出一个 WebUploader 官方关于移动端适配的 issues 链接.里面提供的方法确实有效,但就是解决的方案并没有很清楚的展示出来,从该issues中

  • 微信或手机浏览器在线显示office文件（已测试ios、android）

    最近开发微信企业号,发现微信andriod版内置浏览器在打开文件方面有问题,但是ios版没有问题,原因是ios版使用的是safari浏览器 支持文档直接打开,但是andriod版使用的是腾讯浏览器x5内核,不知道什么原因不支持,可能是集成出现的问题,这里提供解决方法,这种方法也同样适用手机浏览器或者安卓开发.通过此方法可以在微信上开发自己的第三方应用,或者解决自己的项目问题,解决方法及核心代码如下: 1.判断浏览器类型 HttpServletRequest req = ServletAction

  • Android 手机浏览器调试使用Chrome进行调试实例详解

    Android 手机浏览器调试使用Chrome进行调试实例详解

    使用PC上的 Chrome 远程调试手机端的页面 工具准备 手机端:chrome for Android,: PC端:安装谷歌浏览器(最好是最新版的开发者版本) USB 连接线, 也就是你充电器的那条线 开启调试模式 使用 USB 连接你的电脑,并开启调试模式. 使用 Android 4.2 或以上的手机可能没有调试模式选项,可以找到 "设置 > 关于手机 > 版本号(Build Number)", 点 7 次,然后返回开发者选项就可以了. 查找 USB 设备 (Enabl

  • Android编写文件浏览器简单实现

    Android编写文件浏览器简单实现

    有时候我们保存文件总会用到文件浏览器功能.那么今天博主带大家做一个. 那么开始,浏览文件,我们就需要写一个文件工具类. import java.io.File; import java.util.ArrayList; import java.util.HashMap; import java.util.List; import java.util.Map; import android.util.Log; public class FileUtils { /** * 获取当前目录下的所有文件或文

  • Docker 实现浏览器里开发Android应用的功能

    Docker 实现浏览器里开发Android应用的功能

    在浏览器里开发Android应用          这里需要用到Docker的知识, Che 发布后对Android应用开发多了一个工具,这里就对如何实现该功能就行详细介绍: Eclipse Che 最近Che发布了正式版,那我就介绍下在Che上开发Android吧-- 使用Che需要懂得一些Docker的知识,只需要一点点即可,因为Che是基于Docker的,所以了解Docker有助于理解Che的工作方式. 不废话,教程只有四步,开始. 第一步:部署docker服务器 我选择的是digital

  • Docker 实现在线集成开发环境实例详解

    Docker 实现在线集成开发环境实例详解

    Docker 实现在线集成开发环境 由于,学校有流量限制,每月10G,超流量后限速为50KB/s,作为一个正常人类,这点流量肯定是不够用的,所以我 需要一个几乎没有流量.网速限制的开发环境. 虽然ssh连接服务器,在服务器终端下开发几乎不限速.不限流,但是开发全靠vim显然有些"不亲民",大部分人对命令行界面并不熟悉. 终端下的开发环境搭建起来也是颇为麻烦,所以本文将用 三步 教你打造一个界面美观.功能强大的.菜鸟都可以轻松搭建的 在线集成开发环境 . 目标: 一键部署,一句命令完成在

  • Android 浏览器的开发实例分享

    本文主要讲解Android浏览器的开发实例,有三部分内容:启动Android默认浏览器.指定浏览器进行访问以及打开本地的html文件.       一.启动Android默认浏览器 Java代码 Intent intent = new Intent(); intent.setAction("android.intent.action.VIEW"); Uri content_url = Uri.parse("http://www.cnblogs.com"); inte

  • 解决Vue2.0自带浏览器里无法打开的原因（兼容处理）

    本文介绍了解决Vue2.0自带浏览器里无法打开的原因(兼容处理),分享给大家,希望对大家有帮助 Vue 之 android内嵌H5页面不显示出现这个问题,原因有很多 首先,别急,请看下面的推荐方案: 1.找个Android真机测试下(机型版本为4.4以上),真机联调测试 Android 只需要四个步骤: 1.先保证 是否安装了chrome浏览器 2.其次 ,保证 chrome 是否 已经翻墙成功! 3.最后 使用Android 真机连接 电脑 4.最后的最后,打开chrome ,输入:chrom

  • Android开发微信APP支付功能的要点小结

    基本概念 包名值得是你APP的包,在创建工程时候设置的,需要在微信支付平台上面设置. 签名指的是你生成APK时候所用的签名文件的md5,去掉:全部小写,需要在微信支付平台上面设置. 调试阶段,签名文件可以使用调试用的debug.keystore,签名可以直接在eclipse上面查看,或者用工具查看 ,安装打开输入包名即可查看. 发布的时候一定需要在微信支付平台上面设置成发布用的签名值. 官方的Demo里面的内容并不是全是必须的,甚至只需要有libammsdk.jar就够了,AndroidMani

  • Android开发之图片旋转功能实现方法【基于Matrix】

    Android开发之图片旋转功能实现方法【基于Matrix】

    本文实例讲述了Android开发之图片旋转功能实现方法.分享给大家供大家参考,具体如下: 在Android中进行图像旋转需要使用Matrix,它包含了一个3*3的矩阵,专门用于进行图像变换匹配.Matrix ,中文里叫矩阵,高等数学里有介绍,在图像处理方面,主要是用于平面的缩放.平移.旋转等操作.Matrix没有机构体,它必须初始化,然后通过reset方法和set方法来实现. 首先介绍一下矩阵运算.加法和减法就不用说了,太简单了,对应位相加就好.图像处理,主要用到的是乘法 .下面是一个乘法的公式

  • Android开发人脸识别登录功能

    近来,很多公司的APP都实现了人脸识别登录的功能.今天呢,银鹏带大家从头到尾做一下这个人脸识别登录. 首先呢,我们需要采用一个拥有人脸识别算法的平台,这边我建议使用虹软的人脸识别,因为我个人用的就是这个,关键有一点好处,就是免费.注册链接:点击进入注册. 注册完毕以后,话不多说,我们进入流程. 第一步:在虹软平台创建应用 直接安装SDK查看激活码 下载虹软识别库地址:点击下载识别库 下载好之后进行依赖添加: implementation 'com.github.tyhjh:PermissionU

  • 详解如何使用Docker部署Django+MySQL8开发环境

    前一段时间重装了系统,然后我还没有备份,导致电脑里的开发环境全都没有了. 一想到又要装 Python 环境,还要装数据库,然后安装过程中还可能报一堆错就头疼. 最近正在学习 Docker,这不正好解决了我当前的痛点了吗?而且,不止这次重装系统,以后再重装都不怕了,只要拿着 Dockerfile 和 docker-compose 文件,不管到什么环境,一条命令轻松跑起来. 之前部署 Python 开发环境,都是用的 virtualenv,或者是 Pipenv.这次使用 Docker 之后,对比下来

  • Ubuntu18.04下QT开发Android无法连接设备问题解决实现

    Ubuntu18.04下QT开发Android无法连接设备问题解决实现

    目录 1. 需求 2. 问题现象 3. 解决办法 1. 需求 在Linux环境下搭建QT的Android开发环境,开发了一款APP想部署安装在实体手机设备上. Linux版本: ubuntu18.04 64位,运行在虚拟机环境下. QT版本: 5.12.6 测试手机: 小米10至尊版 系统版本是: Android 11 error: insufficient permissions for device: user in plugdev group; are your udev rules wr

  • 在一个浏览器里呈现所有浏览器测试结果的前端测试工具的思路

    在一个浏览器里呈现所有浏览器测试结果的前端测试工具的思路

    作为一个标准的绝顶的懒人,我想做一个测试工具,可以同时把所有浏览器的测试结果都显示在一个浏览器窗口里,并且列成清晰的表格,便于比较. 这一定会是一个可爱的工具,节省时间不说,而且可以清晰的记录和比较数据.下面说一下我的思路.(之后我将使用这个工具测试一个js的兼容性问题,敬请关注) 本工具已经制作完成,但是不具通用性,需要和后台配合使用,需要和数据库交互,而且后台交互的性能不太好,普通的电脑无法承受(我的3GHZ的cpu,2G内存都不能直接打开多个浏览器窗口,可能是我数据库的操作过于频繁).虽然

随机推荐