Weex系列(序) —— 总要知道原生的一点东东(iOS)

若是你本就是原生开发工程师,或者你已经用烂了xcode,下面部分能够省略。若是你刚刚入手weex,那就花个10分钟来看看,能够帮助你更好入手weex项目。vue

PROJECT工程目录

这个目录我访问的比较少,主要就是设置过语言。ios

clipboard.png

TARGETS目录

General下的Display Name能够修改app的名称,Bundle identifier项目的惟一标志,在这里我要提两个网站。xcode

  • Apple Developer 顾名思义这个网站是苹果开发者网站,这个网站上有咱们的app惟一Bundleid,有咱们须要的证书,如上图上Signing,若是须要将项目跑在真机上,就须要下载证书配置相关证书,这块网上也有不少介绍,你们可自行搜索苹果开发者和发布证书按步骤进行相关配置便可。
  • App Store Connect 顾名思义这个网站就是最后一步你的app要上线的时候须要登陆的一个网站。

clipboard.png

clipboard.png

clipboard.png

TestFlight就是苹果提供给咱们的测试app,能够在Appstore下载TestFlight,而后在上面第二个网站上邀请人员就能够来测试咱们本身的app了,那么怎么发布app到这个测试网站呢。以下图最后点击Distribute App而后一直操做就能够把app提交到网站上了。微信

clipboard.png

clipboard.png

Capabilities

  • 咱们常常提到的通用连接就在这个目录下,更通俗点就是咱们常常看到的点击网站上的跳转到App,就能够跳到咱们本身的App就须要在这块设置域名。
  • 还有一个就是我常常看到的App推送也是在这块打开相应权限

clipboard.png

clipboard.png

Info

这个目录对应的其实就是左边目录下的.plist文件,能够右键选择用源码编辑,好比咱们须要的权限提醒,如:Privacy - Camera Usage Description 打开才有权限访问相册哦,对应源码<key>NSPhotoLibraryUsageDescription</key>。
第二个须要提到的就是URL Types,这个是咱们常见的微信、微博分享等,须要在这块配置,刚开发app的时候这个点特别容易忘记,都配置好了,可是忘了这块,就一直提示分享失败等。weex

clipboard.png

clipboard.png

Build Phases

整个项目用的库能够在这块增删。app

clipboard.png

App图标修改

以下图的目录下修改,weex初始化项目的时候,已经把全部尺寸都覆盖了,咱们只须要再覆盖本身App的图标便可。对应xcode的目录我也已经截图。ide

clipboard.png

clipboard.png

App用到资源

若是你要在vue文件里面引用本地图片等文件,就须要把对应资源拖到这个目录,否则路径配置对了,图片等也是显示不出来的,vue里面能够这样引用地址 local:///文件名 不须要带后缀。测试

clipboard.png

weex初始化目录简单介绍

AppDelegate是整个App的入口文件网站

WeexSDKManager是weex初始化加载打包后的bundlejs的入口文件,用原生tab,就能够在这个文件上动手脚ui

WXDemoViewController是每一个页面的承载view,若是你想调一下视图的背景样式等,能够研究研究这个文件

clipboard.png

最后组件和模块的扩展就放在之后的章节里面,序的上半部分就先这么多吧,谢谢。

相关文章
相关标签/搜索