一秒钟生成自己的iOS客户端
原谅我这个标题党
想当年我也是亲自学过几天Objective-c的程序猿,我一眼就知道我是在骗人,但那有怎样呢!还不是满大街都是各种《十分钟让你明白Objective-C的语法》、《七天学会Swift》、《三个月成为牛B的iOS攻城狮》,CAO、不论你信不信,这些标题真的是存在的。那我今天就勉为其难地讲一讲如何真的一秒生成自己的iOS客户端吧! ps:这样会不会没朋友...
一切从那家小饭店说起
前段时间,一直在开小饭馆的表姐可能由于美团、饿了么这些牛B的地推团队的轰炸,终于想明白了移动互联网时代开个小饭馆也要创新、有逼格,就问我能不能帮她家小饭馆做一个系统,就是让吃货们用手机就能点她们家的菜或者订外卖。听到这里我又快疯了,这不就是让我帮她做一个美团外卖么?尽管我自认为我有这能力搞定(哎,又吹牛了),但这完完全全是没必要的阿!!!然后我又问:现在订外卖的多么?加一个人送外卖还划算么?有没有上美团或饿了么的系统?等等一系列问题。我姐就回答说:订外卖的不多,大部分的客户还是到店吃饭;现在在用饿了么的系统,就是喜欢他们的那种菜单。到这里我就明白了,其实我姐最需要的就是一个让吃货们扫一扫就能点菜的菜单小网页罢了,再能打电话订餐就更好不过了。
说干就干,抄袭美团
我接下来就开始了寻找“完美菜单”的过程,因为互联网界一直在打仗的原因,我手机上有移动互联界主流的所有APP,我打开了美团外卖、百度外卖、饿了么,尼玛、界面长的一个样子,我就在怀疑是不是一个程序猿的代码了,这让我想起了当年杀毒界的故事。然后我Copy了美团外卖的前端源码,数据绑定用了Handlebars.js,数据存储直接用json文件就行,服务器必须是阿里云的免费滴!本来想用京东的,那几天京东的一直发布不成功,一脚踢开。然后就变成了下面这样:
好了好了,上干货
说了乱七八糟的半天,求不骂。自动生成APP说白了就是利用Safari浏览器的特性来玩,也就是iOS会自动帮你生成一个WebAPP,具体做法:
1、设置APP图标。在网站首页加入以下代码。图片就是APP的图标,apple-touch-icon
和apple-touch-icon-precomposed
区别在于前者图标有高光,这行代码主要是适配四种不同的屏幕。
<link rel="apple-touch-icon" href="touch-icon-iphone.png">
<link rel="apple-touch-icon-precomposed" sizes="76x76" href="touch-icon-ipad.png">
<link rel="apple-touch-icon" sizes="120x120" href="touch-icon-iphone-retina.png">
<link rel="apple-touch-icon" sizes="152x152" href="touch-icon-ipad-retina.png">
2、添加启动页图片。官方文档说尺寸必须是320x480。ps:反正我没成功。
<link rel="apple-touch-startup-image" href="/startup.png">
3、设置状态栏,使之更逼真。第一行的yes
为使用状态栏,第二行的balck
为黑色状态栏,black-translucen
就是传说中的“沉浸式”。
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black">
打完收工!!!官方文档点击这里。我“抄袭”的网页在这里。效果如下:
感冒好了,蹲厕所能闻见shi味的生活真美好!
一秒钟生成自己的iOS客户端的更多相关文章
- 猿题库 iOS 客户端架构设计
原文: http://mp.weixin.qq.com/s?__biz=MjM5NTIyNTUyMQ==&mid=444322139&idx=1&sn=c7bef4d439f4 ...
- 猿题库 iOS 客户端架构设计-唐巧
序 猿题库是一个拥有数千万用户的创业公司,从20013年题库项目起步到2015年,团队保持了极高的生产效率,使我们的产品完成了五个大版本和数十个小版本的高速迭代. 在如此快速的开发过程中,如何保证代码 ...
- iOS客户端的在线安装和更新——针对ADHoc证书
这篇文章纯给自己留个备份,所以对AdHoc证书内部分发和对iOS客户端开发不了解的请直接无视. 一般在iOS游戏或应用开发过程中,正式发布到App Store之前,都需要内部的测试,客户端的安装是个不 ...
- 开源中国iOS客户端学习
开源中国iOS客户端学习 续写前言 <开源中国iOS客户端学习>续写前系列博客 http://blog.csdn.net/column/details/xfzl-kykhd.html ...
- 【HELLO WAKA】WAKA iOS客户端 之一 APP分析篇
由于后续篇幅比较大,所以调整了内容结构. 全系列 [HELLO WAKA]WAKA iOS客户端 之一 APP分析篇 [HELLO WAKA]WAKA iOS客户端 之二 架构设计与实现篇 [HELL ...
- iOS客户端图片智能裁剪
 概述 所谓智能裁剪其实就是按照指定尺寸裁剪或显示出包含图片核心特征的区域,目前很多智能裁剪都是在服务器端做的,在客户端需要访问时直接裁剪放到Redis或者提前裁剪好以备访问.但是找了一圈直接在iO ...
- 猿题库 iOS 客户端架构设计(原文地址:http://gracelancy.com/blog/2016/01/06/ape-ios-arch-design/)
猿题库 iOS 客户端架构设计 序 猿题库是一个拥有数千万用户的创业公司,从2013年题库项目起步到2015年,团队保持了极高的生产效率,使我们的产品完成了五个大版本和数十个小版本的高速迭代.在如此快 ...
- IOS客户端UIwebview下web页面闪屏问题
基于ios客户端uiwebview下的web页面,在其内容高度大于视窗高度时,如果点击超过视窗下文档的底部按钮,收缩内容高度,会发生闪屏问题. 外因是由文档的高度大于视窗的高度所致,本质原因未知. 解 ...
- 开源项目在真机调试(Coding iOS 客户端为例)
一.前言 iOS 13学习系列:如何在github下载开源项目到本地(Coding iOS 客户端为例)已经把 Coding iOS 客户端源码下载到本地. 但项目进行真机调试遇到很多问题. 二.问题 ...
随机推荐
- 转载:android.屏幕锁,解锁,在取证上的应用
中国司法-鉴定,2013年第06期杂志
- Microsoft.VisualBasic.DateAndTime.Timer 与 DateTime.Now.TimeOfDay.TotalSeconds 相当
如题,示例如下: Console.WriteLine(DateTime.Now.TimeOfDay.TotalSeconds); Console.WriteLine(Microsoft.VisualB ...
- Bag标签之中的一个行代码实行中文分词实例2
例1: 分词(返回以逗号隔开每一个词带上引號的词组.gap=",",quotes="'"或quotes='"') 单引號 <bag id=pPa ...
- Android--ColorMatrix改变图片颜色
前言 本篇博客讲解如何通过改变图片像素点RGB的值的方式,在Android中改变图片的颜色.在最后将以一个简单的Demo来作为演示. 本篇博客的主要内容: ColorMatrix 使用ColorMat ...
- git常用命令-基本操作
git常用命令-基本操作 1) 新增文件 新增了Test_1.java git add Test_1.java git commit –m “新增了Test_1.java” git push ...
- sctp和tcp的区别
作为一个传输层协议,SCTP兼有TCP及UDP两者的特点.SCTP可以称为是TCP的改进协议,但他们之间仍然存在着较大的差别.首先SCTP和TCP之间的最大区别是SCTP的连接可以是多宿主连接的,TC ...
- 利用print2flashsetup.exe文档转swf
通过使用Print2Flash您可以轻松的将您的文档转换成真正的Adobe Flash格式,最好的保证您的内容将实际可见,与其他格式相比,它并不存在查看工具的安装问题. Print2Flash中有一个 ...
- Promise 使用心得
this.testPromise=function(){ return new Promise(function(resolve,reject){ co ...
- 使用DOSBox在Win7_x64下搭建汇编环境
1. 软件安装 1. debug.exe,masm.exe,link.exe,edit.com等汇编工具,一般32位的windows系统有自带,但64位系统下并没有,而且将32位系统下的工具拷贝到64 ...
- [转]LINQ之路系列博客导航
分享一个学习Linq的好博客:Linq之路