3天時間從零到上架AppStore流程記錄

来源:https://www.cnblogs.com/osmondwang/archive/2022/04/09/16123681.html
-Advertisement-
Play Games

3天時間從零到上架AppStore流程記錄 清明假期剛過去一周，我如願以償把自己想要的一個App上架了AppStore 從有idea到技術選型，從設計稿到框架開發，從提審AppStore到上架一共經歷了3天，這3天里我踩了很多坑，忙得焦頭爛額，期間發現網上很多信息都是過時的，所以本著一個總結的想法， ...


3天時間從零到上架AppStore流程記錄

清明假期剛過去一周，我如願以償把自己想要的一個App上架了AppStore

從有idea到技術選型，從設計稿到框架開發，從提審AppStore到上架一共經歷了3天，這3天里我踩了很多坑，忙得焦頭爛額，期間發現網上很多信息都是過時的，所以本著一個總結的想法，寫了這篇文章。

一、idea到設計稿

（一）idea靈感來源

平常我上班很忙，休閑時會刷手機看B站、Youtube視頻，
但因為平時關註了太多人，想看的卻只有那幾個，
但還是會忍不住點擊演算法推薦的視頻。

  • "xdm乾凈又衛生啊"
  • "大佬別這樣"
  • "守護每一個不切實際的夢想"

B站內容豐富，每次不僅看不到想看的視頻，反而花了比預計好幾倍的時間。

所以我想要做一個產品，喜歡能夠幫我追蹤B站、Youtube平臺上我最想關註的人的動態，
不用我每次打開B站、Youtube去查看內容，所以我按照平日工作里排期的流程給自己做了功能的排期：

- 喵醬愛訂閱
	- 展示導航欄
	- 搜索頁面
	- 寫搜索的cgi
	- 寫解析用戶狀態的cgi
	- 要支持右滑取消訂閱
	- 把用戶狀態數據更新到緩存
	- 把緩存落到DB
	- 每次啟動讀取DB
	- 製作宣傳視頻
	- 製作啟動教育頁
	- 聯繫頁
	- 聯繫跳轉等頁面
	- 性能優化
	- 加一個by xxx 關註，然後談起一個半屏
	- 加一個  xx、yy和另外x人關註了此賬號
	- 需要加入loading等邏輯
	- 全局extension call：按id註冊，還是全部接收
	- 開始更新訂閱數據

- 搜索頁面
	- 出現導航欄
	- 出現關閉按鈕
	- 點擊搜索要能過渡到另外一個搜索界面
	- 開始接B站搜索的api
	- 開始實現訂閱該Up主功能
	- 滑動刪除
	- 搜索交互調整

- 訂閱數據
	- 開始更新訂閱數據，獲取更全的信息
	- 按timeline排序


接下來要做的：
	- 支持Youtube訂閱
	- 完成B站跳轉邏輯
	- 完成Youtube跳轉邏輯
	- 完成清理紅點邏輯
	- 調整搜索中間頁邏輯
	- 「關於」頁面設計
		- 幫助和常見問題
		- 隱私政策
	- 視覺還原和調整（添加約束）
		- 添加主頁元素的聯動約束
		- 主頁下滑不到最底部
		- 導航欄顏色問題
	- 修bug
		- 訂閱完之後，不會立刻出現
	- Youtube API無限調用
	- App選一個圖標

（二）自己搞定設計稿

有了idea之後，按照正經開發流程，相當於是產品方案確定了，接下來就需要設計稿了。

咨詢了公司里的設計同事，他們給出了兩個建議：Sketch 或者 Figma，體驗之後自己選擇了 Figma 這款設計軟體。

選定軟體，用了半天的時間畫了簡單的設計稿：

這裡我要吹一下 Figma 這個軟體，從零到上手真的半天都不用，真的是"有手就行"。

二、框架選型和開發

（一）基礎框架

首先說一下這款軟體我是使用 Objective-C 寫的，為什麼不用 Swift 呢？因為我之前積攢的基礎庫都是用 Objective-C 寫的，所以為了求快，還是選擇了 Objective-C 。

1. 清理 main.storyboard

一個稍微大點的項目基本都不會使用 main.storyboard ，所以我們首先上來無腦清理掉 main.storyboard ，改為純代碼模式。

（1） 刪除main.storyboard和launchScreen.storyboard，右鍵delete-Move to Trash

刪除SceneDelegate.h和SceneDelegate.m文件，也要選擇Move to Trash

（2） 選中工程 - General - Deployment Info - Main Interface 設為空

App Icons and Launch Images - Launch Screen File 設為空

（3） 刪除 Info.plist 下 Application Scene Windows

（4） 在AppDelegate.h 和AppDelegate.m文件中添加如下代碼：

self.window = [[UIWindow alloc]initWithFrame:[UIScreen mainScreen].bounds];
self.window.backgroundColor = [UIColor whiteColor];
BNMainViewController *vc = [[BNMainViewController alloc] init];
self.navigationController = [[UINavigationController alloc] initWithRootViewController:vc];
self.window.rootViewController = self.navigationController;
[self.window makeKeyAndVisible];

（5） 註釋掉 AppDelegate.m 中的 Lifecycle 代碼

   #pragma mark - UISceneSession lifecycle

//- (UISceneConfiguration *)application:(UIApplication *)application configurationForConnectingSceneSession:(UISceneSession *)connectingSceneSession options:(UISceneConnectionOptions *)options {
//    // Called when a new scene session is being created.
//    // Use this method to select a configuration to create the new scene with.
//    return [[UISceneConfiguration alloc] initWithName:@"Default Configuration" sessionRole:connectingSceneSession.role];
//}
//
//
//- (void)application:(UIApplication *)application didDiscardSceneSessions:(NSSet<UISceneSession *> *)sceneSessions {
//    // Called when the user discards a scene session.
//    // If any sessions were discarded while the application was not running, this will be called shortly after application:didFinishLaunchingWithOptions.
//    // Use this method to release any resources that were specific to the discarded scenes, as they will not return.
//}

（6） 展示導航欄

在 - (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions {新增：

[[UINavigationBar appearance] setTitleTextAttributes:@{NSFontAttributeName : [UIFont boldSystemFontOfSize:18], NSForegroundColorAttributeName : [UIColor whiteColor]}];

2. Cocoapods和基礎庫

之前我問過一些大學里的學生，學完iOS知識後為什麼不自己嘗試做一個項目呢？年輕人有想法有精力的，他們中有一些人的回答是："太麻煩了，iOS語法真繁瑣"

我有點驚訝，iOS的語法為什麼會繁瑣呢？後面和他們深入聊的時候才發現他們大多數人是因為缺少基礎庫，導致他們開發門檻非常高。

比如哪些基礎功能呢？ 最常見的就是：

@interface UIView (Extension)
@property (nonatomic, assign) CGFloat x;
@property (nonatomic, assign) CGFloat y;
@property (nonatomic, assign) CGFloat centerX;
@property (nonatomic, assign) CGFloat centerY;
@property (nonatomic, assign) CGFloat width;
@property (nonatomic, assign) CGFloat height;
@property (nonatomic, assign) CGSize size;
@property (nonatomic, assign) CGPoint origin;
@end

佈局是項目中最高頻出現的，一個新項目如果你沒有做 UIView 如上的category方法，那麼你每次改變一個frame都要寫全，相當繁瑣。

還有一些比如支持SVG圖渲染、自定義顏色、導航欄狀態欄預設高度等等，就是因為這些基礎的邏輯無形中提升了開發的門檻。

所以我在項目中集成這些能力後，將這些基礎能力抽成一個項目，如果想開發App的基礎這個項目開發上手速度會更快：

一個通用的iOS開發底層模板（持續更新）

項目集成瞭如下的庫：

	pod 'YYKit'
	pod 'Colours'
	pod 'SDWebImage'
	pod 'SVGKit', :git => 'https://github.com/SVGKit/SVGKit.git', :branch => '3.x'
	pod 'WCDB'
	pod 'AFNetworking', '~> 3.1.0'
	pod 'ViaBus'
	pod 'FCAlertView'
	pod "Aspects"
  • YYKit：提供各種基礎通用能力的庫
  • Colours：一個提供比系統更全的顏色庫
  • SDWebImage：https圖片載入框架
  • SVGKit：SVG圖載入框架
  • WCDB：通用強大的iOS本地資料庫
  • AFNetworking：開源的http網路請求框架
  • ViaBus：訂閱匯流排框架
  • FCAlertView：比系統alertView功能更強大的類
  • Aspects：業內公用Num.1的AOP框架

因為使用cocoapods集成了基礎庫，所以下載使用前先執行 pod install。

（二）B站、Youtube API 和 PostMan調試

1. 我是如何獲取API的？-Chrome開發者模式

既然要搜索訂閱的up主，那麼就需要獲取blibil和youtube的查詢api，那怎麼獲取 B站 的API呢？

我們知道 Chrome 的開發者模式可以抓取網路請求，所以我們按照下麵的流程操作：

打開B站的搜索界面：

然後打開Chrome瀏覽器自帶的 開發者工具：

打開之後界面是這樣的：

接著我們重新刷新界面，讓開發者工作抓到我們的網路請求：

可以看到「網路」這一欄出現瞭如此多的網路請求回包，其中有一個網路請求就是我們查詢B站的介面，我們如何快速從中獲取我們想要的API？

我們在「響應」這一欄中可以看到網路回包的結果：

{
	"code": 0,
	"message": "0",
	"ttl": 1,
	"data": {
		"seid": "1742183592668294498",
		"page": 1,
		"pagesize": 36,
		"numResults": 1,
		"numPages": 1,
		"suggest_keyword": "",
		"rqt_type": "search",
		"cost_time": {
			"params_check": "0.000513",
			"get upuser live status": "0.002915",
			"illegal_handler": "0.012658",
			"as_response_format": "0.003668",
			"as_request": "0.023251",
			"save_cache": "0.000952",
			"deserialize_response": "0.000201",
			"as_request_format": "0.000448",
			"total": "0.045491",
			"main_handler": "0.027793"
		},
		"exp_list": {
			"7706": true,
			"5507": true,
			"6604": true
		},
		"egg_hit": 0,
		"result": [{
			"type": "bili_user",
			"mid": 41487006,
			"uname": "木南之的技術生活",
			"usign": "騰訊iOS開發工程師，有一隻倉鼠（二狗）一隻貓（芝士），我的網站：https://bninecoding.com",
			"fans": 2,
			"videos": 7,
			"upic": "//i2.hdslb.com/bfs/face/2399a9747dbc4449139da82cbaff23e332a8d94d.jpg",
			"face_nft": 0,
			"verify_info": "",
			"level": 4,
			"gender": 1,
			"is_upuser": 1,
			"is_live": 0,
			"room_id": 22106726,
			"res": [],
			"official_verify": {
				"type": 127,
				"desc": ""
			},
			"hit_columns": ["uname"]
		}],
		"show_column": 0
	}
}

可以看到 data->result 中發現了 木南之的技術生活 的信息，而且還是一個標準的json格式，這肯定就是我們需要的 api了，我們點擊請求頭把請求api拷貝出來：

https://api.bilibili.com/x/web-interface/search/type?__refresh__=true&_extra=&context=&page=1&page_size=36&order=&duration=&from_source=&from_spmid=333.337&platform=pc&highlight=1&single_column=0&keyword=木南之的技術生活&category_id=&search_type=bili_user&order_sort=0&user_type=0&dynamic_offset=0&preload=true&com2co=true

裡面有一些我們用不上的參數，經過精簡，我們得到如下的B站查詢介面api：

https://api.bilibili.com/x/web-interface/search/type?page=1&page_size=5&search_type=bili_user&order_sort=0&user_type=0&keyword=木南之的技術生活

2. B站、Youtube API大公開

（1）B站搜索API

https://api.bilibili.com/x/web-interface/search/type?page=1&page_size=5&search_type=bili_user&order_sort=0&user_type=0&keyword=木南之的技術生活

（2）B站獲取發表內容API

https://api.bilibili.com/x/space/arc/search?mid=xxxxx

（3）Youtube搜索API

https://youtube.googleapis.com/youtube/v3/search?part=snippet&maxResults=5&type=channel&key=秘鑰&q=搜索內容

秘鑰可以在 Google Youtube API 上註冊獲取，免費但有每日調用約束。

（4）Youtube獲取內容API

https://youtube.googleapis.com/youtube/v3/search?part=snippet&order=date&type=video&key=秘鑰&channelId=xxxx

3. PostMan API調試利器

在調整API期間，我使用了 PostMan 這款API調試利器，可以非常方便幫我們驗證究竟是iOS的代碼有問題，還是介面的問題。

三、提審AppStore鬥智鬥勇

iOS 打包和上架流程可以參考這篇文章，iOS App的打包和上架流程

我按照這篇流程走下來，基本沒踩什麼坑，如果你要進行iOS App的打包和上架，建議你先看完上面這篇文章，然後再看我下麵的補充：

在使用 Xcode - Product - Archive - upload 打包上傳後，我們預期是能在 Apple Development 提審網站 的 「構建版本」 看到我們上傳的ipa包的

但實際上會發現我們 upload 後，大約要等上個 10分鐘 左右，才能在網站上刷到我們上傳的包，是什麼原因呢？

是因為Apple會對我們上傳的包進行一遍靜態代碼掃描，比如調用私有API、使用過期無法維護的組件都會被reject，比如我下麵收到的一個警告：

ITMS-90809: Deprecated API Usage - New apps that use UIWebView are no longer accepted. Instead, use WKWebView for improved security and reliability. Learn more (https://developer.apple.com/documentation/uikit/uiwebview).

意思很清楚，說我們不能在項目中使用 UIWebView ，因為已經被廢棄了，建議我們改用 WKWebView，我們按建議修改即可。

當靜態代碼掃描通過後，我們會收到如下一封右鍵，這就表示我們可以提審ipa包了，我們添加構建版本即可。


您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • 定時執行任務-springboot
    定時執行任務-springboot 先看兩個介面 這兩個介面springboot已經幫我們封裝好了，我們不需要去手動使用 TaskScheduler //任務調度者 TaskExecutor //任務執行者 具體步驟： 在啟動類上添加這個註解： @EnableScheduling//開啟定時功能的註 ...
  • Java-GUI編程之繪圖
    繪圖 很多程式如各種小游戲都需要在視窗中繪製各種圖形，除此之外，即使在開發JavaEE項目時，有時候也必須"動態"地向客戶 端生成各種圖形、圖表，比如 圖形驗證碼、統計圖等，這都需要利用AWT的繪圖功能。 組件繪圖原理 之前我們已經學習過很多組件，例如Button、Frame、Checkbox等等， ...
  • cookie中各參數含義
    XName：該Cookie的名稱。一旦創建，該名稱便不可更改。 Value：該Cookie的值。如果值為Unicode字元，需要為字元編碼。如果值為二進位數據，則需要使用BASE64編碼。 Domain：可以訪問該Cookie的功能變數名稱。例如，如果設置為.zhihu.com，則所有以zhihu.com， ...
  • 這25種代碼壞味道大家要註意啦
    1.環境準備 環境準備的統一資源提取碼為：1234 1.下載 VMware14中文版 14.1.3 VM14虛擬機 2.下載CentOs系統，建議版本最低7.0+ 3.安裝虛擬機，如果有雲伺服器，就不需要安裝虛擬機了 4.下載XFtp 和 XShell 5.下載Redis在Linux系統下的安裝包， ...
  • Qt 重載QComboBox，實現右側刪除鍵
    Qt 重載QComboBox，實現右側刪除鍵 前言 最近在做一個項目，這個項目用到一個QComboBox下拉框，做出來之後，功能都是能夠正常實現的。但是我想要實現之前看到的一個網頁的下拉框效果： 所以我就琢磨怎麼來實現這種效果。 方案 簡單來說，就是當QComboBox有選中內容時，滑鼠移動到右側下 ...
  • MySQL創建高性能索引
    參考《高性能MySQL》第3版 1 索引基礎 1.1 索引作用 在MySQL中，查找數據時先在索引中找到對應的值，然後根據匹配的索引記錄找到對應的數據行，假如要運行下麵查詢語句： 如果在uid在建有索引，則MySQL將使用該索引先找到uid為5的行，也就是說MySQL先在索引上按值進行查找，然後返回 ...
  • 大數據Hadoop之——計算引擎Spark
    一、概述 Apache Spark 是專為大規模數據處理而設計的快速通用的計算引擎。Spark是UC Berkeley AMP lab (加州大學伯克利分校的AMP實驗室)所開源的類Hadoop MapReduce的通用並行框架，Spark，擁有Hadoop MapReduce所具有的優點；但不同於 ...
  • 通過.frm和.idb文件恢復mysql資料庫
    本文對該文章進行參考，地址https://baijiahao.baidu.com/s?id=1675966756498698574&wfr=spider&for=pc 現在有一個資料庫需要恢復，已經獲取到.frm和.ibd文件 這些文件即是我之前的文章2021長安杯wp - WXjzc - 博客園 ...
一周排行
    -Advertisement-
    Play Games
  • 移動開發（一）：使用.NET MAUI開發第一個安卓APP
    移動開發（一）：使用.NET MAUI開發第一個安卓APP 對於工作多年的C#程式員來說，近來想嘗試開發一款安卓APP，考慮了很久最終選擇使用.NET MAUI這個微軟官方的框架來嘗試體驗開發安卓APP，畢竟是使用Visual Studio開發工具，使用起來也比較的順手，結合微軟官方的教程進行了安卓 ...
  • wpf ToggleButton選中效果和一個登錄界面
    前言 QuestPDF 是一個開源 .NET 庫，用於生成 PDF 文檔。使用了C# Fluent API方式可簡化開發、減少錯誤並提高工作效率。利用它可以輕鬆生成 PDF 報告、發票、導出文件等。 項目介紹 QuestPDF 是一個革命性的開源 .NET 庫，它徹底改變了我們生成 PDF 文檔的方 ...
  • 彈幕樹洞項目功能新增篇
    項目地址 項目後端地址： https://github.com/ZyPLJ/ZYTteeHole 項目前端頁面地址： ZyPLJ/TreeHoleVue (github.com) https://github.com/ZyPLJ/TreeHoleVue 目前項目測試訪問地址： http://tree ...
  • 第27篇 sqlserver2022詳細安裝步驟
    話不多說，直接開乾 一.下載 1.官方鏈接下載： https://www.microsoft.com/zh-cn/sql-server/sql-server-downloads 2.在下載目錄中找到下麵這個小的安裝包 SQL2022-SSEI-Dev.exe，運行開始下載SQL server； 二. ...
  • .NET 開源高性能 MQTT 類庫
    前言 隨著物聯網（IoT）技術的迅猛發展，MQTT（消息隊列遙測傳輸）協議憑藉其輕量級和高效性，已成為眾多物聯網應用的首選通信標準。 MQTTnet 作為一個高性能的 .NET 開源庫，為 .NET 平臺上的 MQTT 客戶端與伺服器開發提供了強大的支持。 本文將全面介紹 MQTTnet 的核心功能 ...
  • Serilog文檔翻譯系列（六） - 可用的接收器、增強器、格式化輸出
    Serilog支持多種接收器用於日誌存儲，增強器用於添加屬性，LogContext管理動態屬性，支持多種輸出格式包括純文本、JSON及ExpressionTemplate。還提供了自定義格式化選項，適用於不同需求。 ...
  • 警惕 Visual Studio 屬性求值副作用導致邏輯不符合預期
    目錄簡介獲取 HTML 文檔解析 HTML 文檔測試參考文章 簡介 動態內容網站使用 JavaScript 腳本動態檢索和渲染數據，爬取信息時需要模擬瀏覽器行為，否則獲取到的源碼基本是空的。 本文使用的爬取步驟如下： 使用 Selenium 獲取渲染後的 HTML 文檔 使用 HtmlAgility ...
  • [使用目前最新版]HybridCLR6.9.0+YooAsset2.2.4實現純C# Unity熱更新方案 (一)
    1.前言 什麼是熱更新 游戲或者軟體更新時，無需重新下載客戶端進行安裝，而是在應用程式啟動的情況下，在內部進行資源或者代碼更新 Unity目前常用熱更新解決方案 HybridCLR，Xlua，ILRuntime等 Unity目前常用資源管理解決方案 AssetBundles，Addressable， ...
  • 在 ASP.NET Core Web API 中使用操作篩選器統一處理通用操作
    本文章主要是在C# ASP.NET Core Web API框架實現向手機發送驗證碼簡訊功能。這裡我選擇是一個互億無線簡訊驗證碼平臺，其實像阿裡雲，騰訊雲上面也可以。 首先我們先去 互億無線 https://www.ihuyi.com/api/sms.html 去註冊一個賬號 註冊完成賬號後，它會送 ...
  • 第28篇 如何.net中實現高效可靠數據同步api
    通過以下方式可以高效，並保證數據同步的可靠性 1.API設計 使用RESTful設計，確保API端點明確，並使用適當的HTTP方法（如POST用於創建，PUT用於更新）。 設計清晰的請求和響應模型，以確保客戶端能夠理解預期格式。 2.數據驗證 在伺服器端進行嚴格的數據驗證，確保接收到的數據符合預期格 ...
所有分類