10

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

PROJECT工程目录

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

clipboard.png

TARGETS目录

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

  • 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的时候这个点特别容易忘记,都配置好了,但是忘了这块,就一直提示分享失败等。

clipboard.png

clipboard.png

Build Phases

整个项目用的库可以在这块增删。

clipboard.png

App图标修改

如下图的目录下修改,weex初始化项目的时候,已经把所有尺寸都覆盖了,我们只需要再覆盖自己App的图标即可。对应xcode的目录我也已经截图。

clipboard.png

clipboard.png

App用到资源

如果你要在vue文件里面引用本地图片等文件,就需要把对应资源拖到这个目录,不然路径配置对了,图片等也是显示不出来的,vue里面可以这样引用地址 local:///文件名 不需要带后缀。

clipboard.png

weex初始化目录简单介绍

AppDelegate是整个App的入口文件

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

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

clipboard.png

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


onedaynobug
243 声望42 粉丝