手把手ios苹果打包——遇见项目实战｜超详细的教程分享

Posted 2022-09-19 北京前端年薪100w+

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了手把手ios苹果打包——遇见项目实战｜超详细的教程分享相关的知识，希望对你有一定的参考价值。

六年代码两茫茫，不思量，自难忘
6年资深前端主管一枚，只分享技术干货，项目实战经验
关注博主不迷路~

文章目录

前言
weex介绍
eeui介绍
总结

前言

本教程手把手教你用weex+eeui框架打测试包ipa安装到手机（打正式包也有介绍）。

eeui项目创建可看我的另一篇文章一文带你吃透eeui安卓开发

weex介绍

Weex是一个构建移动端跨平台UI框架。Weex使开发人员能够使用类似Web的语法通过单一代码库构建ios、android和Web应用。 Vue.js和Rax（提供类React语法前端框架）这两个前端框架被广泛应用于Weex页面开发，同时Weex也对这两个前端框架提供了最完善的支持。

eeui介绍

使用 Vue.js 跨平台开发高质量原生（Android/iOS）应用。
eeui 支持实时同步预览，即修改完代码可以立即查看效果

一、安装CocoaPods

1.CocoaPods介绍

CocoaPods是OS X和iOS下的一个第三类库管理工具，通过CocoaPods工具我们可以为项目添加被称为“Pods”的依赖库（这些类库必须是CocoaPods本身所支持的），并且可以轻松管理其版本，可以简单理解为ios的maven库。
CocoaPods有两个明显的优势：
1、在引入第三方库时它可以自动为我们完成各种各样的配置，包括配置编译阶段、连接器选项、甚至是ARC环境下的-fno-objc-arc配置等。
2、使用CocoaPods可以很方便地查找新的第三方库，这些类库是比较“标准的”，而不是网上随便找到的，这样可以让我们找到真正好用的类库。在使用CocoaPods之后，我只需要将用到的第三方开源库放到一个名为Podfile的文件中，然后执行pod install。CocoaPods就会自动将这些第三方开源库的源码下载下来，并且为我的工程设置好相应的系统依赖和编译参数。

2.CocoaPods的安装

打开终端：>_
1、查看当前Ruby版本

ruby -v

2、升级Ruby环境，首先需要安装rvm（第一步要下载一些东西等两分钟左右）

curl -L get.rvm.io | bash -s stable 
source ~/.bashrc
source ~/.bash_profile

3、查看rvm版本

rvm -v

显示如下(或者是其他版本)

rvm 1.29.3 (latest) by Michal Papis, Piotr Kuczynski, Wayne E. Seguin [https://rvm.io]

4、列出ruby可安装的版本信息

rvm list known

显示如下

# MRI Rubies
[ruby-]1.8.6[-p420]
[ruby-]1.8.7[-head] # security released on head
[ruby-]1.9.1[-p431]
[ruby-]1.9.2[-p330]
[ruby-]1.9.3[-p551]
[ruby-]2.0.0[-p648]
[ruby-]2.1[.10]
[ruby-]2.2[.10]
[ruby-]2.3[.7]
[ruby-]2.4[.4]
[ruby-]2.5[.1]  // 重点在这里 重点在这里 重点在这里
[ruby-]2.6[.0-preview2]   // 测试版
ruby-head
.....

5、安装一个ruby版本（这里我选择的是2.5.1版本，当然你也可以选择其他的）

rvm install 2.5.1

注意:安装过程中需要两次按下 Enter 键, 第二次按下后需要输入电脑访问密码(不可见,只管输入就行)
如果你电脑没有安装Xcode和Command Line Tools for Xcode以及Homebrew 会自动下载安装,建议提前安装这三者

这里很多小伙伴会遇到错误，大部分是因为没有安装Homebrew造成，所以所以所以要提前安装比较好

/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"

6、设置为默认版本

rvm use 2.5.1 --default

7、更换源

sudo gem update --system
gem sources --remove https://rubygems.org/
gem sources --add https://gems.ruby-china.com/

8、为了验证你的Ruby镜像是并且仅是ruby-china，执行以下命令查看

gem sources -l

如果是以下结果说明正确，如果有其他的请自行百度解决

*** CURRENT SOURCES ***

常见问题
9、这时候才正式开始安装CocoaPods

sudo gem install -n /usr/local/bin cocoapods

10、如果安装了多个Xcode使用下面的命令选择（一般需要选择最近的Xcode版本）

sudo xcode-select -switch /Applications/Xcode.app/Contents/Developer

11、安装本地库

pod setup

12、执行以上命令后

Setting up CocoaPods master repo
  $ /usr/bin/git clone https://github.com/CocoaPods/Specs.git master --progress
  Cloning into 'master'...
  remote: Counting objects: 1879515, done.        
  remote: Compressing objects: 100% (321/321), done.        
  Receiving objects:  21% (404525/1879515), 73.70 MiB | 22.00 KiB/

然后就是漫长的等待，当然,网络好的情况下会更快…
如果一直安装不成功请参考这里
13、下载安装完成之后可执行下列命令检查是否可用（第一次使用可能要等一会）

pod search AFNetworking

14、CocoaPods的具体使用
新建一个Xcode工程，使用终端cd到工程目录下
创建Podfile文件：

pod init

之后就可以在项目目录里看到一个Podfile文件
打开Podfile文件：

open Podfile

添加：

pod 'AFNetworking'

保存后退出
开始下载：

pod install

CocoaPods版本

pod --version

二、登录开发者中心

打开链接developer

点击Account

2.输入帐号密码,点击Sign In 按钮登录

3.登录后，点击Certificates,Ldentifiers & Prlfiles，进入页面，所有证书相关的都在这里进行

二、申请appid
1.点击App IDs，进入页面

点击右上角的 + 号来添加一个 APP ID，对于要发布到Appstore上的程序，都有一个唯一的AppId
填写说明：
　　Name：可以用APP的名称拼音，不能使用特殊字符。
　　Bundle ID：建议使用 com.yourcompany.yourappname的格式；
PS: Bundle ID 需要和XCode中 Bundle identifier一致