做一个自己的APP下集——自定义APP首页

程序猿小课堂

大家好,译心小课堂又双叒叕开课啦!本期小课堂,我们紧接着上节课的内容,把我们的APP首页换成自己的内容!

上节课讲到我们通过 https://boat.alibaba.com 轻舟平台生成一个app,不知道大家作业做了没有呢?

简单回顾上节课的步骤:

1、注册登录轻舟平台

2、新建一个应用并输入应用信息

3、生成并设置安卓证书

4、应用打包下载安装

是不是very easy呢?!

接着我们开始今天的小课堂~~~

step2

pre自定义首页

首先呢,这节课的内容对于不接触编程这个奇怪行业的小仙女来说的确有些烧脑~但是如果我们不求甚解的话还是能顺利完成的~至于拓展……emmm~留言勾搭作者大人吧~

正文开始,请保持严肃!

是的,就是楼上这张图的样子~点击左边的推荐版本下载就好~然后就是不停的下一步下一步安装啦~~~机智如你一定会的~

then,我们要获取到代码~打开我们上回生成的APP 的网页 ,按照步骤我们一步步在命令行执行命令~(我一会会告诉你啥是命令行)

大概就是这写命令

关于命令行~我们用张动图来告诉你:

诺~在左下角那个搜索那输入cmd出来的就是啦~是不是很棒!

诺~就酱~我们就可以找到我们的源代码了~

具体在哪个文件夹就不要问我啦~你在哪个目录下执行的基本就在哪儿啦~

接着接着 我们在这个目录下 用命令行执行 boat dev 神奇的事情就可以发生了~记得上个动图里的 ipconfig命令么?我们这样就可以看到我们电脑的IP 对对对!!!就是那个IPv4的一串数字~什么10.1.25.XX什么的~我们在浏览器里输入这个加上:9999/index.html就可以了~

过程大概是这样的:

巴拉巴拉一堆东西出来是不是黑客的既视感?!是不是满满成就感?!然后我们就可以打开浏览器输入地址访问了啊~看我的!

当然~这样子是很不友好的~怎么会像是app呢~于是我们要打开手机模式啊~不说~看图:

刷新后就是手机的样子啦~细心的同学还能找到怎么修改手机型号呢~

好~接着我们改代码!

我们找到这个文件夹下的文件~修改这个文件就好~随便一个编辑器~记事本都行~

首先我们替换首页的图片~我们从网上找张好看的图片 ,右键复制图片地址就好 ,把地址粘贴到19行替换

看神奇现象!!! 点击刷新后内容变了!!!

OK啦~接着我们可以修改其他的内容~各个文件~比如修改文字:

嗯哼~然后我们在命令行执行 git add -A 回车 git push 回车~

嗯哼~完事~然后我们回到上节课内容,重新打包app就好!

然后 时间所限 随手写了个 截图看看~

啦啦啦~~~

Demos 译心新入驻的文科专栏作者,偶尔写些文科生能看懂的理科小实验~

译心

情调有感 干货

—就是在译心—

  • 发表于:
  • 原文链接:http://kuaibao.qq.com/s/20180108G0EAZM00?refer=cp_1026

扫码关注云+社区