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

文章目录

  • 前言
  • weex介绍
  • eeui介绍
    • 一、安装CocoaPods
      • 1.CocoaPods介绍
      • 2.CocoaPods的安装
    • 二、登录开发者中心
    • 四、添加测试手机设备
    • 五、打包
  • 总结

前言

本教程手把手教你用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 --progressCloning 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

二、登录开发者中心

  1. 打开链接developer

点击Account

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

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

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

  1. 点击右上角的 + 号 来添加一个 APP ID,对于要发布到Appstore上的程序, 都有一个唯一的AppId

  2. 填写说明:
      Name:可以用APP的名称拼音,不能使用特殊字符。
      Bundle ID:建议使用 com.yourcompany.yourappname的格式;
    PS: Bundle ID 需要和XCode中 Bundle identifier一致

如果想要支持推送服务和iCould等也可以在这儿配置:

出现以下页面,说明申请appid成功!

三、申请发布证书(Mac系统)
1.获取证书请求文件
钥匙串访问 —> 证书助理 —> 从证书颁发机构请求证书
在下图所示的界面,
用户电子邮件地址:填你申请idp的电子邮件地址;
常用名称:默认;
CA空;
选择存贮到磁盘;

点击"继续"

点击“存储:,你就可以看到你的桌面多了一个CertificateSigningRequest.certSigningRequest的证书请求文件。

  1. 获取p12文件
    进入Certificates,Ldentifiers & Prlfiles页面,点击左边 Certificates 中的 Production

    点击 + 号

    直接勾选 App Store and Ad Hoc

    点击Continue

出现以下页面,点击 Choose file

选择我们前面生成在桌面的证书请求文件,点击continue

点击"download"下载你生成的证书

双击文件安装,
钥匙串:登录
点击添加

查看你的钥匙串,应该有下面这一行Iphone Distribution的证书,,这个证书有一个小三角可以点击,展开后有一个对应的密钥。

现在发布证书已经安装了,我们选择这个证书,右击,选择导出"iphone Distribution:…",如下:
给你要导出的证书起个名字,如“证书”,选择一个存的位置,注意,保存成P12的信息交换文件

输入将来保护输出项目的密码,后面在打开证书文件时需要这个密码登录

现在你就有了发布程序需要的p12文件。
3.生成provisioning文件
在下图左边选择 Provisioning Profiles 选项下的 Distribution,来生成一个发布的准备文件:

点击 + 号

选择 App Store,其它不用管,点击下面的 Continue 按钮

然后如下图中,选择我们前面创建的App ID ,点击下面的 Continue 如下图:

然后出现以下这个页面,选择最新的

在新的页面中填写 Profile name,文件名称,下面的App ID,检查确认是我们之前创建的 appid,这个必须一致。确认后提交:

点击download,下载provisioning

四、添加测试手机设备

点击加号添加测试手机
需要使用iphone的uuid码
可使用iTunes获取手机UUID码(具体自行百度)

添加设备后在profile选择要测试的设备后生效(否则不能安装到手机)

五、打包

在xcode打开ios项目
打开的路径是:项目目录下\platforms\ios\eeuiApp
选择模拟器为ios Device

选择证书文件,prefile文件

选择为发布包

打包

导出

这里我们选择打一个测试包(打正式包则选择app store)

导出到桌面


成功打包出ipa包

六、安装到手机
因为苹果ipa无法直接安装ipa,我们找一个第三方安装助手即可
这里我们用爱思助手
下载爱思助手下载
连接手机到电脑

安装

安装成功即可

完成!

总结

每个新手都被各种配置、证书、打包和发布等事情折腾,以及后面iOS包审核。众所周知,苹果App Store规定非常严格,不过过程虽然复杂,但是在过程中我们确实能学习到很多,也能磨砺耐心。

✨原 创 不 易 , 还 希 望 各 位 支 持

【手把手】ios苹果打包——遇见项目实战|超详细的教程分享相关推荐

  1. XHbuilder 运行到 Ios APP 需要 ipa 签名,超详细的教程,你不看吃亏的是自己!

    今天使用 hbuilder 运行到 ios 真机的时候,突然发现还需要 ipa 签名,这是什么东东呢? 1.IPA 签名是什么? 因苹果公司禁止企业证书用于非企业内部开发者.所以开发者无法再使用DCl ...

  2. 云溪怎么导入dxf_dwg怎么转换成dxf文件?超详细图文教程分享

    在CAD相关的工作中,我们经常遇到这种问题,需要把DWG格式的CAD图纸转换成DXF格式.那么,我们应该怎么做呢?接下来为你介绍这一个方法,非常方便快速哦. 准备 电脑 风云CAD转换器 具体步骤: ...

  3. vite+vue3+ts+element-plus项目搭建--超详细

    vite+vue3+ts+element-plus项目搭建–超详细 vite 作用 快速的冷启动:不需要等待打包操作: 即时的热模块更新:替换性能和模块数量的解耦让更新飞起: 真正的按需编译:不再等待 ...

  4. centos7根据端口查进程_记录一次CentOs7下Nginx+WSGI部署Django项目(超详细)

    记录一次Django部署的文章,不是很熟悉Linux系统,踩了不少坑,本篇文章相当于是一个总结,我会在本文中详细介绍,部署单个Django项目和多个Django的方法,如读者有更好的方法,欢迎留言一起 ...

  5. 从零学ELK系列(十一):SpringBoot项目接入ELK超级版(超详细图文教程)

    前言 之前在<从零学ELK系列(十):SpringBoot项目接入ELK升级版(超详细图文教程)>中演示了SpringBoot项目接入ELK请求记录及优化,本次针对于未知异常通过拦截进行记 ...

  6. 从零学ELK系列(十):SpringBoot项目接入ELK升级版(超详细图文教程)

    前言 之前在<从零学ELK系列(八):SpringBoot项目接入ELK(超详细图文教程)>中演示了SpringBoot项目接入ELK,后来项目中对这部分进行了优化,之前博文中也有读者问到 ...

  7. 瞬间心情愉悦,头发都少掉了几根!---Django+uwsgi+Nginx项目部署超详细步骤

    文章目录 瞬间心情愉悦,头发都少掉了几根!---Django+uwsgi+Nginx项目部署超详细步骤 先决条件 步骤 本地运行测试 上传服务器 环境安装 准备django程序 完美解决! 瞬间心情愉 ...

  8. TypeScript超详细入门教程(上)

    TypeScript超详细入门教程(上) 01 开篇词:Hello~TypeScript 01 开篇词:Hello~TypeScript 更新时间:2019-10-30 13:49:46 既然我已经踏 ...

  9. Docker超详细版教程通俗易懂 -之- 入门篇

    前言 学习Docker,你可以熟练的操作命令,能够把你的项目构建成Docker镜像! 是后端开发人员必备的技能!下面是自己的学习笔记,希望能帮助到需要的你! 特别感谢哔哩哔哩狂神:[狂神说Java]D ...

最新文章

  1. jquery即时搜索查询插件jquery.search.js
  2. LeetCode实战:x 的平方根
  3. 第四周项目五-用递归方法求解(求n的阶乘)
  4. 用python 爬取百度百科内容-爬虫实战(一) 用Python爬取百度百科
  5. linux日记的监控与分析,linux下apache日志监控与分析——webalizer与awstat
  6. 35个非主流开源数据库
  7. SQL Server 数据库的统计查询
  8. 2月份.xyz域名总量10强:西数称王 注册量破百万
  9. mysql开启慢查询日志及查询--windows
  10. Java File类boolean isFile()方法(带示例)
  11. 计算机数学基础 视频讲解,计算机数学基础课件
  12. Drools集成SpringBoot
  13. Vsftpd 虚拟用户配置参考---终极版
  14. Android studio 升级指定dradle
  15. 如何选择学习主流程序语言(一)
  16. 深度学习 Fine-tune 技巧总结
  17. 概率论与数理统计学习笔记——第四十三讲——两个正态总体的抽样分布
  18. 智慧旅游综合运营服务平台建设方案
  19. 反弹shell,报错 ambiguous redirect
  20. 使用分布式图计算系统实现研报关键词权重分数计算性能提升百倍以上

热门文章

  1. 日常电脑办公快捷键小技巧
  2. SpringBoot多数据源及事务解决方案
  3. 抖音计算机音乐谱小苹果,抖音最火歌曲简谱 电子琴
  4. python编程设计高级_Python高级应用程序设计
  5. python+ pyqt5 实现最简单的计算器
  6. 著名中医专家樊正伦(zt)
  7. html转markdown在线工具
  8. 易语言开发免费版的快手去视频水印软件!超简单
  9. HPC系统架构 高性能集群(HPC )是啥?
  10. 一次移动记账App的设计探索