स्विफ्टयूआई और ऑटो-रिन्यूएबल सब्सक्रिप्शन

नमस्ते! Apphud से कनेक्टेड डेनिस - आईओएस-अनुप्रयोगों के लिए अक्षय सदस्यता के विश्लेषण के लिए एक सेवा।

जैसा कि आप जानते हैं, WWDC 2019 में, Apple ने अपने नए घोषणात्मक SwiftUI ढांचे की घोषणा की। इस लेख में मैं यह बताने की कोशिश करूंगा कि भुगतान स्क्रीन बनाने के लिए स्विफ्टयूआई का उपयोग कैसे करें और ऑटो-अक्षय सदस्यता की कार्यक्षमता को लागू करें।

यदि आप पहले से ही स्विफ्टयूआई से परिचित नहीं हैं, तो आप एक लघु परिचयात्मक लेख पढ़ सकते हैं। और यदि आप सदस्यता के बारे में अधिक जानना चाहते हैं और उन्हें सही तरीके से कैसे लागू करें, तो इस लेख को पढ़ें।

काम करने के लिए आपको Xcode 11 चाहिए। एक नया प्रोजेक्ट बनाएं और सुनिश्चित करें कि "SwiftUI का उपयोग करें" के बगल में एक चेक मार्क है ।

SwiftUI एक इंटरफ़ेस लिखने के लिए एक रूपरेखा है, और इसलिए हम इसका उपयोग करके क्रय प्रबंधक नहीं बना सकते हैं। लेकिन हम अपने प्रबंधक को नहीं लिखेंगे, लेकिन एक तैयार समाधान का उपयोग करें, जिसे हम अपने कोड के साथ पूरक करेंगे। आप उपयोग कर सकते हैं, उदाहरण के लिए, SwiftyStoreKit । हमारे उदाहरण में, हम अपने पिछले लेख से कक्षा का उपयोग करेंगे।

उत्पादों को मुख्य स्क्रीन पर आरंभ किया जाएगा, हमारी सदस्यता की समाप्ति तिथि और खरीद स्क्रीन पर स्विच करने के लिए बटन भी वहां प्रदर्शित किए जाएंगे।

ProductsStore.shared.initializeProducts() if let windowScene = scene as? UIWindowScene { let window = UIWindow(windowScene: windowScene) window.rootViewController = UIHostingController(rootView: ContentView(productsStore: ProductsStore.shared)) self.window = window window.makeKeyAndVisible() } 

SceneDelegate वर्ग पर विचार करें। इसमें, हम एक सिंगलटन क्लास ProductsStore बनाते हैं, जिसमें उत्पादों को आरंभीकृत किया जाता है। उसके बाद, हमारा रूट ContentView बनाएं और सिंगलटन को इनपुट पैरामीटर के रूप में निर्दिष्ट करें।
ProductStore वर्ग पर विचार करें:

 class ProductsStore : ObservableObject { static let shared = ProductsStore() @Published var products: [SKProduct] = [] @Published var anyString = "123" // little trick to force reload ContentView from PurchaseView by just changing any Published value func handleUpdateStore(){ anyString = UUID().uuidString } func initializeProducts(){ IAPManager.shared.startWith(arrayOfIds: [subscription_1, subscription_2], sharedSecret: shared_secret) { products in self.products = products } } } 

यह छोटा वर्ग, IAPManager ऊपर "ऐड-ऑन" का एक प्रकार, उत्पादों की सूची को अपडेट करते समय IAPManager को अद्यतन करने के लिए कार्य करता है। ProductsStore वर्ग ObservableObject प्रोटोकॉल का समर्थन करता है।

@Published और @Published क्या हैं?

ObservableObject वस्तुओं के अवलोकन और उसके गुणों में परिवर्तन पर नज़र रखने के लिए एक विशेष प्रोटोकॉल है। गुणों को @Published विशेषता के साथ चिह्नित किया जाना चाहिए। उदाहरण में, products सरणी में परिवर्तन होने पर एक अधिसूचना भेजी जाती है, लेकिन आप इस अधिसूचना को ऑब्जेक्ट के किसी भी तरीके और गुणों के लिए जोड़ सकते हैं।

उत्पाद लोडिंग को किसी भी तरह से किया जा सकता है, लेकिन इस अनुरोध के अंत में आपको उत्पाद चर को उत्पाद सरणी असाइन करना होगा। परिवर्तनों को कैसे सुनें? यह @ObservedObject कुंजी पैरामीटर का उपयोग करके किया जाता है:

 @ObservedObject var productsStore : ProductsStore 

सीधे शब्दों में कहें, तो यह अधिसूचना केंद्र के समान है। और इन सूचनाओं View स्वीकार View लिए आपके View , आपके पास @ObservedObject विशेषता के साथ इस ऑब्जेक्ट का एक चर होना चाहिए।

चलिए ProductStore वर्ग के तर्क पर वापस आते हैं। इसका मुख्य उद्देश्य उत्पादों की सूची को डाउनलोड और संग्रहीत करना है। लेकिन उत्पादों की सरणी पहले से ही IAPManager में संग्रहीत है, दोहराव होता है। यह अच्छा नहीं है, लेकिन, सबसे पहले, इस लेख में, मैं आपको दिखाना चाहता था कि ऑब्जेक्ट बिनिंग को कैसे लागू किया जाता है, और दूसरी बात, खरीद प्रबंधक के तैयार वर्ग को बदलना हमेशा संभव नहीं होता है। उदाहरण के लिए, यदि आप तृतीय-पक्ष पुस्तकालयों का उपयोग करते हैं, तो आप ObservableObject प्रोटोकॉल को जोड़ने और सूचनाएं भेजने में सक्षम नहीं होंगे।

यह ध्यान देने योग्य है कि @ObservedObject विशेषता के अलावा, @ObservedObject विशेषता भी है, जो सरल चर (उदाहरण के लिए, String या Int ) और अधिक वैश्विक @EnvironmentObject में परिवर्तनों को ट्रैक करने में मदद करता है, जो ऑब्जेक्ट के बीच चर को पास किए बिना एक बार में सभी View को अपडेट कर सकता है।

चलिए ContentView start स्क्रीन ContentView हैं:

 struct ContentView : View { @ObservedObject var productsStore : ProductsStore @State var show_modal = false var body: some View { VStack() { ForEach (productsStore.products, id: \.self) { prod in Text(prod.subscriptionStatus()).lineLimit(nil).frame(height: 80) } Button(action: { print("Button Pushed") self.show_modal = true }) { Text("Present") }.sheet(isPresented: self.$show_modal) { PurchaseView() } } } } 

कोड का पता लगाते हैं। ForEach का उपयोग करते ForEach हम टेक्स्ट View बनाते View , जिसकी संख्या उत्पादों की संख्या के बराबर होती है। चूँकि हम परिवर्तनशील productsStore बाँधते productsStore , जब भी ProductsStore वर्ग में परिवर्तन होता है, तो View अपडेट किया जाएगा।

SKProduct विधि SKProduct वर्ग SKProduct का हिस्सा है और सदस्यता की समाप्ति तिथि के आधार पर वांछित पाठ लौटाता है:

 func subscriptionStatus() -> String { if let expDate = IAPManager.shared.expirationDateFor(productIdentifier) { let formatter = DateFormatter() formatter.dateStyle = .medium formatter.timeStyle = .medium let dateString = formatter.string(from: expDate) if Date() > expDate { return "Subscription expired: \(localizedTitle) at: \(dateString)" } else { return "Subscription active: \(localizedTitle) until:\(dateString)" } } else { return "Subscription not purchased: \(localizedTitle)" } } 

यह हमारी स्टार्ट स्क्रीन है

अब सब्सक्रिप्शन स्क्रीन पर जाएं। चूंकि, Apple के नियमों के अनुसार, भुगतान स्क्रीन पर खरीदारी की शर्तों का एक लंबा पाठ होना चाहिए, इसलिए ScrollView का उपयोग करना बुद्धिमान होगा।

 var body: some View { ScrollView (showsIndicators: false) { VStack { Text("Get Premium Membership").font(.title) Text("Choose one of the packages above").font(.subheadline) self.purchaseButtons() self.aboutText() self.helperButtons() self.termsText().frame(width: UIScreen.main.bounds.size.width) self.dismissButton() }.frame(width : UIScreen.main.bounds.size.width) }.disabled(self.isDisabled) } 

इस उदाहरण में, हमने एक अलग फ़ॉन्ट के साथ दो पाठ दृश्य बनाए। इसके अलावा, अन्य सभी विचारों को अपने तरीकों से हाइलाइट किया गया है। यह तीन कारणों से किया जाता है:

1. अध्ययन के लिए कोड अधिक पठनीय और समझने योग्य हो जाता है।

   
   

2. इस लेखन के समय, Xcode 11 बीटा अक्सर जमा देता है और कोड संकलित नहीं कर सकता है, और कोड के कुछ हिस्सों को फ़ंक्शन में डालकर कंपाइलर की मदद करता है।

   
   

3. यह दिखाएं कि दृश्य को अलग-अलग कार्यों में बनाया जा सकता है, जिससे body आसान हो जाता है।

   
   

purchaseButtons() पर विचार करें purchaseButtons() विधि:

 func purchaseButtons() -> some View { // remake to ScrollView if has more than 2 products because they won't fit on screen. HStack { Spacer() ForEach(ProductsStore.shared.products, id: \.self) { prod in PurchaseButton(block: { self.purchaseProduct(skproduct: prod) }, product: prod).disabled(IAPManager.shared.isActive(product: prod)) } Spacer() } } 

यहां हम एक क्षैतिज स्टैक बनाते हैं और एक ForEach लूप में हम एक कस्टम ForEach बनाते हैं, जिसमें हम उत्पाद और कॉलबैक ब्लॉक को स्थानांतरित करते हैं।

PurchaseButton वर्ग:

 struct PurchaseButton : View { var block : SuccessBlock! var product : SKProduct! var body: some View { Button(action: { self.block() }) { Text(product.localizedPrice()).lineLimit(nil).multilineTextAlignment(.center).font(.subheadline) }.padding().frame(height: 50).scaledToFill().border(Color.blue, width: 1) } } 

यह एक सामान्य बटन है जो ऑब्जेक्ट बनाते समय पारित ब्लॉक को स्टोर और कॉल करता है। इसके लिए एक गोल स्ट्रोक लगाया जाता है। हम localizedPrice() विधि में उत्पाद की कीमत और सदस्यता की अवधि को पाठ के रूप में प्रदर्शित करते हैं।

सदस्यता खरीद इस प्रकार कार्यान्वित की जाती है:

 func purchaseProduct(skproduct : SKProduct){ print("did tap purchase product: \(skproduct.productIdentifier)") isDisabled = true IAPManager.shared.purchaseProduct(product: skproduct, success: { self.isDisabled = false ProductsStore.shared.handleUpdateStore() self.dismiss() }) { (error) in self.isDisabled = false ProductsStore.shared.handleUpdateStore() } } 

जैसा कि आप देख सकते हैं, खरीदारी handleUpdateStore होने के बाद, handleUpdateStore विधि handleUpdateStore , जिसके साथ handleUpdateStore को अपडेट करने के लिए एक अधिसूचना भेजी जाती है। यह सुनिश्चित करने के लिए है कि मोडल स्क्रीन को छुपाते समय ContentView सदस्यता ContentView स्थिति को ContentView । dismiss विधि मोडल विंडो को छुपाती है।

चूंकि स्विफ्टयूआई एक घोषणात्मक ढांचा है, इसलिए एक सामान्य खिड़की को छिपाना हमेशा की तरह लागू नहीं होता है। हमें presentationMode @Environment चर के रैपर पर dismiss() विधि को कॉल करना चाहिए, इसे @Environment विशेषता के साथ घोषित करना @Environment :

 struct PurchaseView : View { @State private var isDisabled : Bool = false @Environment(\.presentationMode) var presentationMode private func dismiss() { self.presentationMode.wrappedValue.dismiss() } func dismissButton() -> some View { Button(action: { self.dismiss() }) { Text("Not now").font(.footnote) }.padding() } ... 

presentationMode चर पर्यावरण मूल्यों का हिस्सा है - वैश्विक तरीकों और गुणों के विशेष सेट। SwiftUI में, चर के मानों को बदलते समय लगभग सभी क्रियाएं होती हैं, आप शब्द के शाब्दिक अर्थों में रनटाइम में कुछ भी नहीं कर सकते हैं - सब कुछ अग्रिम में बाध्य है। और क्रम में कुछ करने के लिए, आपको रैपर का उपयोग करने की आवश्यकता है।

सदस्यता खरीद स्क्रीन

निष्कर्ष

मुझे उम्मीद है कि यह लेख आपके लिए उपयोगी होगा। जब डेवलपर्स अपनी नवीनतम तकनीक का उपयोग करते हैं तो Apple को प्यार होता है। यदि आप SwiftUI का उपयोग करके iOS 13 के लिए एक ऐप जारी करते हैं, तो एक कुख्यात Apple होने की संभावना है। इसलिए नई प्रौद्योगिकियों से डरो मत - उनका उपयोग करें। आप यहां पूरा प्रोजेक्ट कोड डाउनलोड कर सकते हैं ।

10 मिनट में अपने iOS ऐप में सब्सक्रिप्शन लागू करना चाहते हैं? Apphud और एकीकृत करें:

• केवल एक विधि का उपयोग करके खरीदारी करें;
• स्वचालित रूप से प्रत्येक उपयोगकर्ता की सदस्यता की स्थिति को ट्रैक करता है;
• आसानी से सदस्यता प्रस्तावों को एकीकृत करें
• उपयोगकर्ता की स्थानीय मुद्रा को ध्यान में रखते हुए एम्प्लिट्यूड, मिक्सपैनल, स्लैक और टेलीग्राम को सदस्यता कार्यक्रम भेजें;
• अनुप्रयोगों में मंथन दर घटाएं और बिना सदस्यता वाले उपयोगकर्ताओं को लौटाएं।

क्या पढ़ना है?

• IOS एप्लिकेशन में ऑटो-रिन्यूएबल सब्सक्रिप्शन लागू करने के लिए गाइड
• सब कुछ जो आप SwiftUI के बारे में जानना चाहते थे लेकिन पूछने से डरते थे
• IOS के लिए Apple सदस्यता सूचनाएं गाइड। क्या वे वास्तव में अच्छे हैं?