👨🏼‍🔬 😞 ✌️ 1日あたりのWhatsAppの収集方法。パート1 💆🏻 🤰 👌🏻

ハブラハブの読者の皆さん、こんにちは！

この一連の記事では、iOS用のWhatsAppをすばやく簡単に作成する方法を説明します。便宜上、記事を2つの部分に分けています。

プロジェクトの作成、シンプルなUI、インスタントメッセージングサービスへのバインド
美しいUIを作成し、ビデオとオーディオの呼び出しを追加し、写真とドキュメントを転送します

残念ながら、4億人のユーザーを募集し、19人のInstagramのサービスを販売する方法に関するマニュアルは、本棚のどこかで失われました。誰かが興味があるなら、私は彼を見つけようとします。

猫の下で興味を持ってください。

プロジェクト作成

Xcodeを開き、新しいプロジェクトを作成します。

私たちは、シングルビューアプリケーションを基礎として取ります。

アプリケーションのすべてのデータを入力し、「次へ」をクリックします。最も控えめなレガリアを選択しました。

プロジェクトの準備ができました。

しかし、それは何ですか？ファイルをグループに分割するなんて恐ろしいことでしょう！それを修正しましょう。

それは良いです！独自の方法でファイルを並べ替えることができますが、このガイドでは上記のモデルに固執します。ちなみに、新しいグループを作成するためのキーの組み合わせは、Command + Alt + Nです。

シンプルなUI

それまでの間、私は自分で新しいNKLoginViewControllerクラスを作成し、それをInterface BuilderでUIViewControllerオブジェクトにバインドすることを許可しました。このView Controllerは、ユーザーが最初に目にするものです。これは論理的です-登録なしでチャットはできません！

引き続き楽しみながら、アウトレットなどのテキストフィールドと、ログインボタンのアクションをNKLoginViewControllerにねじ込みました。 IBオブジェクトを.mファイルにねじ込んで、外部からアクセスできないようにするのが良いと思います。さらに、コードがプラグマに分割されているときも気に入っています。

コントローラーのもう1つ（IBの表現と新しいクラスの両方）を作成します-チャットのリストです。標準コードUITableViewControllerを使用します。ここでは、今のところ超自然的な機能は必要ありません。

NKChatListTableViewController.mコードを少し変更して、少なくとも何かがテーブルに表示されるようにします。

押して！

- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section { return 20; } - (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath { UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:@"cell" forIndexPath:indexPath]; cell.textLabel.text = @"Vasiliy Pupkin"; return cell; }

次に、ナビゲーションについて考えてみましょう。アプリケーション全体が1つのUINavigationControllerに統合され、状況に応じてコントローラーをプッシュおよび制御します。アプリケーションをUINavigationControllerに統合します！魔法の時間を始めましょう！

ログインビューコントローラーからチャットリストテーブルビューコントローラーにコントローラーとセグエの名前を追加します。「SegueToChatList」と呼びましょう。これが、アプリケーションの外観です。

また、コントローラーコード自体は次のように修正されます。

NKLoginViewController.h

 #import <UIKit/UIKit.h> //      @interface NKLoginViewController : UIViewController <UITextFieldDelegate> @end

NKLoginViewController.m

 #import "NKLoginViewController.h" @interface NKLoginViewController () @property (weak, nonatomic) IBOutlet UITextField *emailTextField; @property (weak, nonatomic) IBOutlet UITextField *passwordTextField; - (IBAction)loginTouched:(UIButton *)sender; @end @implementation NKLoginViewController #pragma mark - UITextFieldDelegate - //  ,    "Done"   - (BOOL)textFieldShouldReturn:(UITextField *)textField { [textField resignFirstResponder]; return YES; } #pragma mark - Button methods - //           "". - (IBAction)loginTouched:(UIButton *)sender { [self performSegueWithIdentifier:@"SegueToChatList" sender:self]; }

とりあえず、ログインコントローラー上のすべての要素を転送します。これはシンプルなUIです。キーボードが表示されたときにインターフェイス要素をインタラクティブに上に移動する方法については、次のパートで説明します。

私たちのアプリケーションはすでに突っ込んできます！

最後の3番目のコントローラーを作成します。前のコントローラーのセルをクリックすることで、それに入ります。コントローラー自体は、データソースがコントローラーに割り当てられているUITableView、テキストフィールド、および[送信]ボタンで構成されています。この画面は直感的だと思います。

以下のNKChatViewController.mコード：

押して！

 #import "NKChatViewController.h" @interface NKChatViewController () @property (weak, nonatomic) IBOutlet UITableView *tableView; @property (weak, nonatomic) IBOutlet UITextField *messageTextField; - (IBAction)sendTouched:(UIButton *)sender; @end @implementation NKChatViewController #pragma mark - View Controller life cycle - - (void)viewDidAppear:(BOOL)animated { [super viewDidAppear:animated]; //  ,      [_messageTextField becomeFirstResponder]; } #pragma mark - UITableViewDataSource - - (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section { return 20; } - (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath { UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:@"cell"]; cell.textLabel.text = @" "; cell.detailTextLabel.text = @",  ?"; return cell; } #pragma mark - Button methods - - (IBAction)sendTouched:(UIButton *)sender { } @end

メッセンジャー用のシンプルなUIの準備ができました。楽しい部分に到達する-アプリケーションの詰め込み！

インスタントメッセージングサービスへのリンク

インスタントメッセージングサービスとして、C2Callがあります。もちろん、サーバー側の記述を妨げるものはありませんが、24時間以上かかる場合があります。

あなたがしなければならないのは、c2call.comに登録し、100ドルでアカウントを購入することです。残念ながら、低言語APIによる登録は無料版では機能しません。おそらく、この記事を読むときに何かが変わるでしょう。しかし、毎月の支払いの代わりに、C2Callは私から100ドルを引き出し、私のことを忘れているようでした。これ以上お金は償却されませんでした。製品を購入するか、毎月のサブスクリプションで運試しをすることをお勧めしません。私はちょうど幸運だと思います。

登録後、アカウントを購入し、サービスにアプリケーションを登録します-これはかなり簡単なタスクです-SDKをダウンロードします。アーカイブには、アプリケーションの構築方法の例がいくつかあります。次の2つのオブジェクトが必要です。

それらをプロジェクトに転送します。

次のフレームワークとライブラリをプロジェクトに追加します。

フレームワークとライブラリの恐ろしいリスト

AVFoundation.framework

Accounts.framework

AdSupport.framework

AddressBook.framework

AddressBookUI.framework

AssetsLibrary.framework

AudioToolbox.framework

CFNetwork.framework

CoreAudio.framework

Coredata.framework

Corefoundation.framework

CoreLocation.framework

Coremedia.framework

CoreTelephony.framework

CoreText.framework

CoreVideo.framework

MapKit.framework

MediaPlayer.framework

MessageUI.framework

MobileCoreServices.framework

OpenGLES.framework

QuartzCore.framework

QuickLook.framework

Security.framework

StoreKit.framework

SystemConfiguration.framework

iAd.framework

libsqlite3.dylib

libz.dylib

そして、ビルド設定に以下を記述します。

HEADER_SEARCH_PATHS = / usr / include / libxml2

OTHER_LDFLAGS = -lxml2 -lstdc ++

ARCHS = armv7

VALID_ARCHS = armv7

それでは、App Delegateを少し変更しましょう。

NKAppDelegate.h

 #import <UIKit/UIKit.h> #import <SocialCommunication/SocialCommunication.h> @interface NKAppDelegate : C2CallAppDelegate <UIApplicationDelegate> @property (strong, nonatomic) UIWindow *window; @end

NKAppDelegate.m

 @implementation NKAppDelegate - (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions { self.affiliateid = @"6B9DF5671444320162B"; self.secret = @"2fd9cd18aa4d957a4030c0455101646d"; return [super application:application didFinishLaunchingWithOptions:launchOptions]; } @end

C2Callの要素をサブクラス化し、データについて彼に伝えました。サービスの管理パネルでアフィリエイトIDとシークレットを確認できます。

フレームワークのセットアップが完了したら、それを使用します。

チャットロジック全体をカプセル化するNKChatというNSObjectのサブクラスを作成します。 NKChat.mコードのおおよそのリストを提供し、それを説明するのは正しいと思います。

NKChat.m

 #import "NKChat.h" #import <SocialCommunication/SocialCommunication.h> @implementation NKChat #pragma mark - Singleton pattern - // 1 + (instancetype)sharedManager { static NKChat *sharedChat = nil; static dispatch_once_t onceToken; dispatch_once(&onceToken, ^{ sharedChat = [self new]; }); return sharedChat; } #pragma mark - Accessors - // 2 - (NSArray *)chatHistory { return [self fetchChatHistory]; } #pragma mark - General methods - // 3 - (void)login:(NSString *)email password:(NSString *)password success:(void(^)())successBlock failure:(void(^)())failureBlock { NSDictionary *dictionary = @{@"EMail":email, @"Password":password}; [[C2CallPhone currentPhone] registerUser:dictionary withCompletionHandler:^(BOOL success, NSString *result) { if (success) { [[C2CallPhone currentPhone] startC2CallPhone]; successBlock(); } else { failureBlock(); } }]; } // 4 - (void)logout { [(C2CallAppDelegate *)[UIApplication sharedApplication].delegate logoutUser]; } // 5 - (void)sendMessage:(NSString *)message toUser:(NSString *)userId { [[C2CallPhone currentPhone] submitMessage:message toUser:userId]; } // 6 - (NSArray *)fetchChatHistory { //   Managed Object   NSFetchRequest *request = [[SCDataManager instance] fetchRequestForChatHistory:YES]; NSFetchedResultsController *controller = [[SCDataManager instance] fetchedResultsControllerWithFetchRequest:request sectionNameKeyPath:nil cacheName:nil]; NSError *error; [controller performFetch:&error]; //    NSMutableArray *result = [NSMutableArray array]; for (NSManagedObject *chat in controller.fetchedObjects) { //    NSArray *chatKeys = @[@"contact", @"lastTimestamp", @"missedEvents"]; NSMutableDictionary *inChat = [[chat dictionaryWithValuesForKeys:chatKeys] mutableCopy]; //    NSMutableDictionary *dublicate = nil; for (NSMutableDictionary *dict in result) { if ([dict[@"contact"] isEqualToString:inChat[@"contact"]]) { dublicate = dict; break; } } //    NSMutableArray *messages = (dublicate) ? dublicate[@"messages"] : [NSMutableArray array]; for (NSManagedObject *chatEvent in [chat valueForKey:@"chatHistory"]) { NSArray *chatEventKeys = [[[chatEvent entity] attributesByName] allKeys]; NSMutableDictionary *inChatEvent = [[chatEvent dictionaryWithValuesForKeys:chatEventKeys] mutableCopy]; // NSLog(@"%@",inChatEvent); inChatEvent[@"ManagedObject"] = chatEvent; [messages addObject:inChatEvent]; } [messages sortUsingDescriptors:@[[NSSortDescriptor sortDescriptorWithKey:@"timevalue" ascending:YES]]]; if (dublicate) { dublicate[@"messages"] = messages; [dublicate[@"ManagedObjects"] addObject:chat]; dublicate[@"missedEvents"] = @([dublicate[@"missedEvents"] intValue] + [inChat[@"missedEvents"] intValue]); if (!dublicate[@"name"]) dublicate[@"name"] = inChat[@"name"]; } else { inChat[@"messages"] = messages; inChat[@"ManagedObjects"] = [NSMutableArray arrayWithObject:chat]; } //     if (!dublicate) [result addObject:inChat]; } //   [result sortUsingDescriptors:@[[NSSortDescriptor sortDescriptorWithKey:@"lastTimestamp" ascending:NO]]]; //    return [result copy]; } @end

順番に行きましょう：

標準テンプレートはシングルトンです。異常はありません。チャットを担当するオブジェクトが1つあります-もう必要ありません。
必要な形式でチャット履歴の配列を返すアクセサメソッド。
登録およびログインの方法。 C2Call機能は、同じデータで初めてログインするときにログインすることです。同じデータで2回ログインすると、単にログインします。残念ながら、この方法は無料のサブスクライバーには利用できません。 C2Callからネイティブ登録ウィンドウを追加して保存することで、このメソッドを回避できます。
ログアウトの方法。安くて陽気な。
メッセージを送信する方法も非常に簡単です。
チャットの履歴を目的の形式で返す、ひどくて怪しいテーブルクロスメソッド。 C2Callを使用して遭遇できるすべての石は次のとおりです。最初に、データはCore Dataに保存されます。第二に、連絡先の名前は絶えず異なっています-どちらかのIDが来て、次に姓と名。第三に、今のところこの方法を忘れてください。このチュートリアルで機能します。

さて、すべての準備が整ったら、コードの魔法を使いましょう！

NKChatの初期化をまだ行っていない場合は、NKAppDelegate.mに追加します。

NKAppDelegate.m

 #import "NKAppDelegate.h" @implementation NKAppDelegate - (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions { self.affiliateid = @"6B9DF5671444320162B"; self.secret = @"2fd9cd18aa4d957a4030c0455101646d"; [NKChat sharedManager]; return [super application:application didFinishLaunchingWithOptions:launchOptions]; } @end

NKLoginViewControllerクラスのloginTouchedメソッドをわずかに変更します。 NKChatをインポートすることを忘れないでください！

押して！

 - (IBAction)loginTouched:(UIButton *)sender { sender.enabled = NO; [[NKChat sharedManager] login:_emailTextField.text password:_passwordTextField.text success:^{ [self performSegueWithIdentifier:@"SegueToChatList" sender:self]; sender.enabled = YES; } failure:^{ sender.enabled = YES; }]; }

ここでは、サーバーからの応答の読み込み中にボタンをオフにし、サーバーに要求を送信し、成功した場合は新しいコントローラーに移動し、結果に関係なくボタンをオンにします。

チュートリアルのこの部分では、nikita @ borodutch.comとluke@borodutch.comの2つのアカウントを使用します。これらの2つの連絡先にメッセージを送信する機能を一時的にハードコードします。

NKChatListTableViewController.mを少し変更して、これら2つの連絡先のみが送信されるようにします。

押して！

 #import "NKChatListTableViewController.h" @interface NKChatListTableViewController () @end @implementation NKChatListTableViewController #pragma mark - UITableViewDataSource - - (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section { return 2; } - (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath { UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:@"cell" forIndexPath:indexPath]; cell.textLabel.text = (indexPath.row) ? @"nikita@borodutch.com" : @"luke@borodutch.com"; return cell; } @end

操作の結果：

NKChatListTableViewController.mの次のコントローラーに情報を転送するメソッドを追加します。

押して！

 - (void)prepareForSegue:(UIStoryboardSegue *)segue sender:(UITableViewCell *)sender { UIViewController *dest = segue.destinationViewController; dest.title = sender.textLabel.text; }

必要なチャット履歴を取得し、適切な連絡先にメッセージを送信するだけです！それは帽子です、先生。

古き良き時代のように、NKChatViewController.mのリストとその直後の説明を提供します。

押して！

 #import "NKChatViewController.h" #import <SocialCommunication/SocialCommunication.h> #import "NKChat.h" @interface NKChatViewController () @property (weak, nonatomic) IBOutlet UITableView *tableView; @property (weak, nonatomic) IBOutlet UITextField *messageTextField; - (IBAction)sendTouched:(UIButton *)sender; @end @implementation NKChatViewController { NSArray *tableData; } #pragma mark - View Controller life cycle - - (void)viewDidLoad { [super viewDidLoad]; // 1 tableData = [self getTableData]; } - (void)viewDidAppear:(BOOL)animated { [super viewDidAppear:animated]; //  ,      [_messageTextField becomeFirstResponder]; // 2 [[NSNotificationCenter defaultCenter] addObserver:self selector:@selector(receivedMessage) name:@"kC2CallPhoneReceivedMessage" object:nil]; } #pragma mark - UITableViewDataSource - - (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section { // 3 return tableData.count; } - (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath { // 4 UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:@"cell"]; cell.textLabel.text = ([tableData[indexPath.row][@"eventType"] isEqualToString:@"MessageIn"]) ? self.title : @""; cell.detailTextLabel.text = tableData[indexPath.row][@"text"]; return cell; } #pragma mark - Button methods - - (IBAction)sendTouched:(UIButton *)sender { // 5 [[NKChat sharedManager] sendMessage:_messageTextField.text toUser:@"c45645f71465dcff18e"]; [self addMessage:_messageTextField.text]; _messageTextField.text = @""; } #pragma mark - General Methods - - (void)addMessage:(NSString *)message { // 6 NSMutableArray *mTableData = [tableData mutableCopy]; [mTableData addObject:@{@"text":message, @"eventType":@"MessageOut"}]; tableData = mTableData; [_tableView reloadData]; } - (void)receivedMessage { // 7 tableData = [self getTableData]; [_tableView reloadData]; } - (NSArray *)getTableData { // 8 for (NSDictionary *chat in [NKChat sharedManager].chatHistory) if ([chat[@"contact"] isEqualToString:self.title]) return chat[@"messages"]; return nil; } @end

順番に：

コントローラーが起動するとすぐに、必要なデータを入力します
kC2CallPhoneReceivedMessage-これは、新しいメッセージが到着したという通知の名前の定義です。このイベントを購読する
このチャットの履歴にはメッセージの総数と同じ数のセルが必要です
各セルには、目的の連絡先名とメッセージが与えられます
NKChatのメソッドを使用してメッセージを送信します。メッセージをC2Call履歴に追加するには時間が必要なため、メッセージをローカルコントローラーデータに追加します。送信フィールドをクリアする
ローカルコントローラデータにメッセージを追加する方法。直感的だと思う
メッセージを受信したら、コントローラーの履歴をリロードし、テーブルのデータを強制的に更新する必要があります
履歴全体を調べて、必要な連絡先の履歴を返すだけです

ここに得られたものがあります（大きなGIF）：

おわりに

このガイドの最初の部分の最後に到達していただきありがとうございます。すぐに、2、3日の空き日が現れるので、第2部を書きます。最初の部分のソースコードはこちらです。

2番目の部分では、UIに関するいくつかのデリケートな質問を解決し、いくつかのC2Callバグ（たとえば、メッセージのある最後のGIFに表示されるバグ）をバイパスし、アプリケーションに機能を追加し、いくつかの猫を平手打ちします。

チュートリアルについて質問がある場合は、コメントで気軽に質問してください。すべてお答えします。

記事にタイプミスや誤りが見つかった場合は、ハブラセンターにご連絡ください。

じゃあね

1日あたりのWhatsAppの収集方法。 パート1

プロジェクト作成

シンプルなUI

インスタントメッセージングサービスへのリンク

おわりに

More articles:

1日あたりのWhatsAppの収集方法。パート1