Erstellen Sie einen Facebook Share Button und einen Twitter Tweet Button für Ihre iOS Swift App

Hallo, in diesem iOS Swift-Tutorial werde ich Ihnen beibringen, wie Sie mit dem Social Framework auf Facebook teilen und auf Twitter twittern.

Um Sie mit Social Framework teilen und twittern zu können muss die Facebook- und Twitter-Anwendung auf Ihrem iOS-Gerät installiert haben.

Erstellen der App

Erstellen Sie zunächst ein neues Projekt in Xcode.
Wählen Sie Single View Application und klicken Sie auf Next.

Namens-App SocialApp

Geben Sie hier die Bildbeschreibung ein

Klicken Sie auf „Weiter“ und „Erstellen“.

In dem main.storyboard Wir müssen 2 Schaltflächen hinzufügen.

Der erste mit Titel: Auf Facebook teilen

Der zweite mit Titel: Tweet on Twitter

Geben Sie hier die Bildbeschreibung ein

Jetzt müssen wir 2 Aktionen erstellen; eine für jede Taste.

Erstellen eines Facebook-Teilen-Buttons

Öffne dein Schnittassistenz und Ctrl klicken – halten und vom Facebook-Button zum ziehen ViewController.swift Datei, und lassen Sie dann Ihren Klick los.

Wählen Sie im Popup-Feld: Verbindung von Ausgang zu Aktion
und Name zu facebookBtn

Geben Sie hier die Bildbeschreibung ein

Klicken Sie auf „Verbinden“, um die Aktion zu erstellen.
Schließen Sie den Editor-Assistenten und navigieren Sie zu Ihrer ViewController.swift Datei

Zuerst müssen wir importieren Sozialer Rahmen

Nachdem Sie das UIKit importiert haben, fügen Sie Folgendes hinzu:

import Social

Und Sie sollten etwas haben, das so aussieht:

Geben Sie hier die Bildbeschreibung ein

Lassen Sie uns nun den Code in die schreiben facebookBtn Aktion.

Fügen Sie den Code hinzu:

if SLComposeViewController.isAvailableForServiceType(SLServiceTypeFacebook) {
    var fbShare:SLComposeViewController = SLComposeViewController(forServiceType: SLServiceTypeFacebook)
    
    self.presentViewController(fbShare, animated: true, completion: nil)

} else {
    var alert = UIAlertController(title: "Accounts", message: "Please login to a Facebook account to share.", preferredStyle: UIAlertControllerStyle.Alert)
    
    alert.addAction(UIAlertAction(title: "OK", style: UIAlertActionStyle.Default, handler: nil))
    self.presentViewController(alert, animated: true, completion: nil)
}

Wo wird es so aussehen:

Geben Sie hier die Bildbeschreibung ein

Den Kodex verstehen

Zuerst müssen wir überprüfen, ob der Benutzer seine Facebook-Anwendung installiert hat und ob er angemeldet ist.

Das machen wir mit dieser Codezeile:

if SLComposeViewController.isAvailableForServiceType(SLServiceTypeFacebook) {
}

Wenn der Nutzer die Facebook-App nicht installiert hat oder nicht eingeloggt ist, erstellen wir eine UIAlertController und den Benutzer benachrichtigen, dass er sich zum Teilen bei Facebook anmelden muss.

Wir erstellen die UIAlertController mit diesem Code:

var alert = UIAlertController(title: "Accounts", message: "Please login to a Facebook account to share.", preferredStyle: UIAlertControllerStyle.Alert)
            
alert.addAction(UIAlertAction(title: "OK", style: UIAlertActionStyle.Default, handler: nil))
            
self.presentViewController(alert, animated: true, completion: nil)

Wir erstellen eine Variable namens Alarm wie unsere UIAlertController, mit Titel “Konten”, Meldung “Bitte melden Sie sich bei einem Facebook-Konto an, um es zu teilen.” und der Stil UIAlertControllerStyle.Alert.

Als Nächstes fügen wir dieser Warnung eine Aktion hinzu, indem wir verwenden alert.addAction mit dem Titel „OK“, dem Stil „Default“ und dem Handler auf „nil“.

Unser letzter Schritt ist die Präsentation dieses Controllers. Wir gebrauchen self.presentViewController: alert animated true and completion: nil.

Wenn der Benutzer die Facebook-App installiert hat und angemeldet ist, schreiben Sie den Code, um den „Share Controller“ zu öffnen.

Unser erster Schritt dazu ist das Erstellen einer Variablen fbShare wie dein SLComposeViewController zum ServiceType: SLServiceTypeFacebook.

Und der letzte Schritt ist, dies zu präsentieren fbShare Controller mit:
self.presentViewController: fbShare animated true and completion: nil.

Ausführen der App

Wenn Sie die Anwendung im Simulator ausführen und auf die Schaltfläche „Auf Facebook teilen“ klicken, wird der AlertController angezeigt, da Ihr Simulator nicht über die Facebook-App verfügt.

Wenn Sie die App jedoch auf einem echten iOS-Gerät mit installiertem Facebook ausführen, sehen Sie den Facebook Share Controller.

Geben Sie hier die Bildbeschreibung ein

Geben Sie etwas ein und drücken Sie Postund Sie sehen Ihren Beitrag in Ihrem Facebook-Profil.

Erstellen Ihres Tweet-Buttons

Zuerst müssen wir eine Aktion für die andere Schaltfläche erstellen.

Öffnen Sie auf die gleiche Weise wie Ihre Facebook Share-Schaltfläche Ihre Schnittassistenz und Ctrl klicken, ziehen und unter dem loslassen teilenBtn. Wählen Sie “Aktion” als Ihre Verbindung und benennen Sie sie tweetBtn.

Geben Sie hier die Bildbeschreibung ein

Der Code dafür sieht so aus:

Geben Sie hier die Bildbeschreibung ein

Jetzt ist der Code, den wir brauchen, derselbe wie zuvor, aber mit einer Änderung: Wir fragen danach SLServiceTypeTwitter .

Fügen Sie diesen Code hinzu:

if SLComposeViewController.isAvailableForServiceType(SLServiceTypeTwitter) {
    
    var tweetShare:SLComposeViewController = SLComposeViewController(forServiceType: SLServiceTypeTwitter)
    
    self.presentViewController(tweetShare, animated: true, completion: nil)

} else {
    
    var alert = UIAlertController(title: "Accounts", message: "Please login to a Twitter account to tweet.", preferredStyle: UIAlertControllerStyle.Alert)
    
    alert.addAction(UIAlertAction(title: "OK", style: UIAlertActionStyle.Default, handler: nil))
    
    self.presentViewController(alert, animated: true, completion: nil)
}

Wo sollten Sie etwas haben, das so aussehen wird:

Geben Sie hier die Bildbeschreibung ein

Wie beim Facebook-Share-Button prüfen wir, ob der Benutzer Twitter installiert hat und ob der Benutzer angemeldet ist.

Wenn nicht, zeigen wir die Warnmeldungen an, wenn ja, öffnen wir den Twitter-Controller.

Wie bei der Facebook-Sharing-Funktion sehen Sie den Twitter-Controller, wenn Sie die App auf einem echten iOS-Gerät ausführen und auf die Schaltfläche „Twittern auf Twitter“ klicken.

Geben Sie hier die Bildbeschreibung ein

Geben Sie etwas ein und klicken Sie auf „Posten“, und Ihr Tweet wird gepostet.

Das Tutorial endet hier – viel Spaß beim Programmieren!

Similar Posts

Leave a Reply

Your email address will not be published. Required fields are marked *