APP

如何使用Web Share API 在网页调用系统的分享按钮

网络共享API是一个似乎已在雷达之下消失了,因为它是在Chrome 61首次推出为Android。从本质上讲,它提供了一种直接从网站或Web应用程序共享内容(例如链接或联系人卡片)时触发设备(或桌面,如果使用Safari)的本机共享对话框的方法。

虽然用户已经可以通过本地方式从网页共享内容,但他们必须在浏览器菜单中找到该选项,即使这样,也无法控制共享内容。通过引入此API,开发人员可以利用用户设备上的本机内容共享功能,将共享功能添加到应用程序或网站中。

iOS提供了许多本机共享选项。

与传统方法相比,这种方法具有许多优点:

  • 与您在DIY实施中可能拥有的有限数量相比,向用户提供了广泛的共享内容选项。
  • 您可以通过取消来自各个社交平台的第三方脚本来改善页面加载时间。
  • 您无需为不同的社交媒体网站和电子邮件添加一系列按钮。单个按钮足以触发设备的本机共享选项。
  • 用户可以在自己的设备上自定义其首选共享目标,而不仅限于预定义的选项。

讲讲PWA

一、背景

文章2017 前端大事件和趋势回顾,2018 何去何从?中提到了2017年前端值得关注的十大事件,其中就提到了PWA。

大家都知道Native app体验确实很好,下载到手机上之后入口也方便。它也有一些缺点:

  • 开发成本高(ios和安卓)
  • 软件上线需要审核
  • 版本更新需要将新版本上传到不同的应用商店
  • 想使用一个app就必须去下载才能使用,即使是偶尔需要使用一下下
                    

移动前端不得不了解的HTML5 head 头标签

HTML的头部内容特别多,有针对SEO的头部信息,也有针对移动设备的头部信息。而且各个浏览器内核以及各个国内浏览器厂商都有些自己的标签元素,有很多差异性。移动端的工作已经越来越成为前端工作的重要内容,除了平常的项目开发,HTML 头部标签功能,特别是meta,link等标签的功能属性显得非常重要。这里整理了一份 <head> 部分的清单,让大家了解每个标签及相应属性的意义,写出满足自己需求的 <head> 头部标签,可以很有效的增强页面的可用性。…

        

移动端]专用的meta

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no">
这个用的最多,
width和height指令分别指定视区的逻辑宽度和高度。他们的值要么是以像素为单位的数字,要么是一个特殊的标记符号。width指令使用device-width标记可以指示视区宽度应为设备的屏幕宽度。类似地height指令使用device-height标记指示视区高度为设备的屏幕高度。
user-scalable指令指定用户是否可以缩放视区,即缩放Web页面的视图。值为yes时允许用户进行缩放,值为no时不允许缩放 …

        

网站和APP如何接入QQ登录功能

如果同一个应用有网站和app都需要接入QQ登录功能,请先到https://connect.qq.com/

创建网站应用,然后再到http://open.qq.com/

创建移动应用。创建移动应用的时候可以根据提示关联网站的appid,关联后两个应用的appid一致。

若同一个android应用需要接入IOS版本,需要先在管理中心里打开这个android应用,然后从这个界面右上角的平台信息里选择 IOS应用 进行申请。该操作可以保持申请的IOS应用与android应用的APP ID一致。(反之若先申请的IOS应用,关联操作步骤也一样)

原创文章转载请注明:来自Lenix的博客 地址 http://blog.p2hp.com/archives/5367

    

iTunes Connect设置APP各项信息教程

1、登录iTunes Connect进入APP信息设置页面、

https://itunesconnect.apple.com/

先选择第一项APP信息、选择APP的类别、次要类别可以不填、选择好点击储存。

 

 

2、选择左边的第二项、免费APP就设置为免费、销售范围如果只是中国就选中国、设置好储存。

 

2

 

3、选择左边第三项、准备提交、这个页面需要设置几项信息、一步一步来。

先设置截图、图片大小为1242*2208、用5.5寸的苹果手机截图的就是这个尺寸了,如果小屏手机截图的调整为1242*2208就行了。

最少上传1张最多5张截图。

 

 

4、往下拉、设置app的宣传语、描述、关键词(搜索你app的关键词、可以设置多个)

技术支持网址可以设置为公司网站个人网站。

 

 

5、选择构建版本、上传了ipa构建版本旁边会有+号、点击+号选择你的构建版本

如果要选其他的、移动鼠标到红框除、取消重新选择构建版本。

 

 

6、设置app图标、1024*1024规格的jpg或png格式图片,版权按照格式设置

每个网站下面都有版权信息‘可以参考格式写。’

然后点击分级的编辑进入下一步设置

 

 

7、分级选项根据自己的app情况选择。

 

 

8、如果app有登录的提供个账号给苹果审核测试。填写联系信息电话格式+86后面再写手机号。

 

 

9、各项信息如此就设置好了,存储好、点击提交以供审核、进去下一步。

 

 

10、这里出现的信息根据app的类型不同、有不同的选项、根据自己的app的情况选择

一般选择否。

然后提交、显示为正在等待审核、耐心的等苹果公司那边审核了,初次提交1到2天出结果。

        

Hbuilder用自有证书打包 ios App上架AppStore流程

最近在用Hbuilder做跨平台开发,经过一番研究终于在苹果商店上架成功了一款产品!这款产品就很简单,直接用hbuilder打包好,然后上传到商店即可。这里参照ios app提交应用商店 这篇文章结合hbuilder,从应用打包,到提交到苹果商店的流程详细介绍一下,希望对有需要的哥哥姐姐们有帮助、

一、打包:

应用写好了之后就可以打包了,hbuilder云打包很简单,但是你想要发布到应用商店的话是需要自有证书的,

选择“使用苹果证书”

1。  前期工作

这里就需要用到 AppId,描述文件profile,以及私钥证书。下面详细讲解这三项的申请步骤

必须条件:苹果开发者账号,mac系统

苹果开发者账号:我是直接用公司额账号,所以省去了申请账号的步骤,访问苹果开发者中心https://developer.apple.com/account/overview.action注册或者登录账号,

登录界面

1.1创建appId

登录进去之后,找到Identifiers

点击appId

下一步点加号,对点加号

然后会跳出一个界面,有两个表单是要自己填写的,分别是Name和Bundle Id

App Name

上面这段话翻译过来就是:App ID字符串包含两个部分,以句点(.)分隔 - 应用ID前缀(默认情况下定义为您的Team ID)和App ID后缀(定义为Bundle ID搜索字符串)。 App ID的每个部分都有不同的重要用途

这边Name就可以随便填,没有什么限制,最好是项目名称,这样方便自己辨识(不允许中文);

另外一个就是Bundle Id

Bundle Id

这是你appid的后缀,这个需要仔细。因为这个内容和你的程序直接相关,后面很多地方要用到,最好是com.yourcompany.yourappname的格式,我用的是项目中的Bundle ID(反正这样是最保险的)