Xcode

App Name and Bundle ID

Archive App for App Store Publishing

Info.plist - Privacy Alert text

Reskin the UI design of the app

Terms of Use and Privacy Policy

"mailto:[email protected]">[email protected]

Delete a User's account upon request

The Configurations.swift file

App Name

    let APP_NAME = "Z Store"

Parse Server Keys

    let PARSE_APP_ID =     "K7SCPO9S6zywk3DMoEskABkJCOOWNkwx6Lfew2hy"
    let PARSE_CLIENT_KEY = "kC36ZLG7UWs31cPpLUN3M8RkS6K6BK544MFYm3hD"

Custom Colors

	let MAIN_COLOR = UIColor(red: 245/255, green: 75/255, blue: 143/255, alpha: 1.0)
	let MAIN_COLOR = UIColor(red: 243/255, green: 243/255, blue: 243/255, alpha: 1.0)

Custom fonts

Admin email address

	let ADMIN_EMAIL_ADDRESS = "[email protected]"

URL path of the PHP files

  let PATH_TO_MAIL_PHP_FILE = "http://xscoder.com/zstore/"

Bundle Identifier

   let BUNDLE_ID = "com.xscoder.zstore"

Default Currency Code

  let CURRENCY_CODE = "USD"

Default Delivery price

  let DELIVERY_PRICE =  7.90

Default estimated delivery days

  let DEFAULT_ESTIMATED_DELIVERY_DAYS = 2

Courier tracking URL

  let COURIER_TRACKING_URL = "https://www.dhl.it/en/express/tracking.html"

Merchant Name

  let MERCHANT_NAME = "Z Store Inc."

Utility Extensions

Parse Dashboard Classes and column names

1. Login into your PayPal developer Dashboard with your Paypal credentials at https://developer.paypal.com/developer/accounts/
   
   
2. Click Accounts in the SANDBOX section and then click Create Account
   
3. Fill all the required fileds in the Create Sandbox Account page as you wish, just remember to put a fake email address in the Email Address filed and to select Business (Merchant Account) option.
   Click the Create account button when you're done.
4. Braintree Sandbox account: Go to https://sandbox.braintreegateway.com/ and Create your Sandbox account
   Once you have signed up and verified your account, enter the Dashboard and click on Settings -> API Keys
   Click on the Generate New Tokenization key button, and once the website has generated it, copy that Key and use it to replace the string in this variable into Configurations.swift:

      let SANDBOX_TOKENIZATION_KEY = "sandbox_3js4q98q_9jt3psrv9f6x3c6n"
   

   
   
5. Braintree Production account: Go to https://www.braintreegateway.com/ and create your Production account
   Once you have signed up and verified your account, enter the Dashboard and click on Settings -> API Keys
   Click on the Generate New Tokenization key button, and once the website has generated it, copy that Key and use it to replace the string in this variable into Configurations.swift:

      let PRODUCTION_TOKENIZATION_KEY = "production_xzxnzz7k_ytspsp9gbgwj8bz9"
   

   
   
6. Open the Info.plist file with right-click -> Open As -> Source Code and relpace the Bundle ID of the following code with the one you set in the General tab in Xcode:

       <dict>
           <key>CFBundleURLSchemes</key>
           <array>
               <string>com.xscoder.zstore.payments</string>
           </array>
       </dict>
   

   
   

   let tokenizationKey = PRODUCTION_TOKENIZATION_KEY

1. Unless you already have an account on back4app.com, create one - it's FREE!
2. Enter My Apps and click on Build new app:
   
   
3. Type your App name and click CREATE:
   
   
4. Wait for the website to create your app - it'll take just a few seconds - then you'll be redirected to the Dashboard (the database interface, which looks like an Excel file):
   
   You'll see it empty, but don't worry, it'll get data while you'll start using your template.
   
   
5. Click on Server Settings from the left side menu:
   
   
6. Click on SETTINGS in the Core Settings box:
   
   
7. In the following page, you'll have to copy the App Id and Client Key, and replace the strings into Configurations.swift - as mentioned already in the Quick Start section of this guide:
   
   

       let PARSE_APP_ID = "pwkmVrsiHTp2wN3q3UXUBiOwiE5C31atCq2CihPy"
       let PARSE_CLIENT_KEY = "ugVWfJTY4azulDWoXmHVnkHkidlDzw6koSzrEVha"
   

   
   
   
8. Click the BACK button on the bottom of the page to go back to your App Dashboard, then click SETTINGS in the Cloud Code box:
   
   
9. Click on + ADD and navigate to the folder you've downloaded from codecanyon in order to upload the main.js file to back4app.
   Once main.js has been uploaded in this section, you can check it out by simply clicking its name from the cloud directory - if you can see its code in the blue area on the right side, it means the upload has been successful.
   Click the DEPLOY button and wait for a success alert, then go back to your App Dashboard by clicking Server Settings from the left side menu.
   
   
   main.js is a.swiftscript file that is absolutely useful for this app, since it allows it to perform some custom functions, so don't forget to upload it into the Clod Code section ;)
10. Good job, your app is now connected to your own database and you can finally run and test it.
    
    As explained in the Quick Start section of this Documentation, you should shortly get an alert after running the app for the first time that warns you that the Categories and Products classes and demo data have been created.
    Stop the app and launch the awesome Parse Dashboard to check your database out.
    
    
    PLEASE NOTE: If you already bought the Android verison of this template, you don't need to create a new Parse App, nor upload the main.js file in the Cloud Code section.
    Just add the App ID and Client Key strings into Configurations.swift and you'll be fine.
    In case you want to use a custom CMS admin panel to manage your database instead of the Parse Dashboard, watch this video to see how to create a FREE FOREVER Admin panel on Adminca.com for your Parse App:

ADD CATEGORIES AND PRODUCTS IN THE DATABASE

1. Go to adminca.com and Sign up for a FREE account (it's FOREVER FREE, so don't worry and go ahead)
2. Watch this video to learn how to setup your own Admin panel and edit/add data:
   Due to the structure of the database, it's not possible to make any bulk upload, you must manually add Categories and Products data.

1. Enter your Facebook Developer page at https://developers.facebook.com/apps/
2. Click + Add a New App
   
   
3. Type the name of your app and your contact email address in the popup window that just showed up.
   
   
4. Click the Create App ID button and pass the Security check that Facebook will promt out.
   After that, the browser will show your Apps Dashboard.
   
   
5. Click on Settings -> Basic in the left-side menu.
   
6. In the Privacy Policy URL type your website's URL.
   If you don't have any Privacy policy page loaded in your own server or website, don't worry about it, you may either create one and upload it to a free hosting server like 000webhost.com or just place any URL, even "http://example.com/", is ok, Facebook staff doesn't make ay check for it yet. of course it would be good to create and upload a Privacy Policy HTML or PHP page someday in your own server and change that URL with the one of your page :)
7. Select a Category, upload a 1024x1024px or 512x512px app icon image and click Save Changes on the bottom of the page.
   Ignore the Business Use and Data Protection Officer Contact Information sections in case you're not doing any business in Europe (this is intended for companies, not indiviual developers or people).
   
   
8. Scoll down and click + Add Platform, then select iOS:
   
   
9. Copy the Bundle Identifier you have set in the General tab in Xcode and paste it in the Bundle ID field of the iOS section.
   Switch Single Sign On option to Yes and click the Save Changes button.
   
   
10. Click the OFF switch on the top-right corner of the page.
    Click the Confirm button in the alert that shows up - you can ignore its message, the Facebook Login will still work in your template:
    
    
11. Now go back to your App Dashboard on back4app, scroll down and click SETTINGS in the Facebook Login box:
    
    
12. Paste your Facebook App ID in the text box and click the + button to add it to your Parse App.
    
    
13. Enter Xcode and select Info.plist from the files list on the left-side panel.
    Expand the URL types row, the Item 0 row, the URL Schemes row and replace the App Id string in that row with the one of your Facebook App - the App ID you've copied before.
    PLEASE NOTE that the new App ID you'll paste must start with fb, check the existing demo one as an example.
    
    Paste your Facebook App ID into the FacebookAppID row too, this time you don't have to put the fb prefix.
    Lastly, type the name of your app in the FacebookDisplayName row.
    
    
14. Great, you're done with the Facebook Login settings!
    PLEASE NOTE that if you already bought the Android verison of this template, you don't need to create a new Facebook app.
    Just add the iOS platform to your existing Facebook App, perform the settings explained above and copy the same APP ID.

1. Login into your account on the Apple Developer Portal and click on Certificates, Identifiers & Profiles.
2. I assume you have already created an App ID in the App IDs section - if not, please do it, and if you don't know how to make it, please refer to this Tutorial.
   Search for the Bundle Identifier you have previously created.
3. Click on the Name you've found to expand it, and scroll down to the bottom of the page.
   Click the Edit button:
4. Scroll down to the Push Notifications option and enable it - in case it's disabled.
   Click Create Certificate... in the Development SSL Certificate box.
5. You're now missing an Authority Certficate, this file is needed to request and generate any certificate in the Apple Developer portal, so open the Keychain Access app from your Mac's Launchpad:
6. Click Keychain Access menu on the Mac's top bar and select Certificate Assistant -> Request a Certificate from a Certificate Authority:
7. In the window that will show up, you have to type your email address - the same of your Apple ID - and select the Saved to disk option.
   Then click Continue:
8. Save the CertificateSigningRequest.certSigningRequest file on your Desktop, you'll need it later, then click Done.
   Go back to your Apple Developer page in your browser and click Continue.
9. In order to generate your Development APN (Apple Push Notifications) Certificate you need to upload the CertificateSigningRequest.certSigningRequest file in the Apple's server, so click the Choose File... button and select CertificateSigningRequest.certSigningRequest.
   Then click Continue to upload it.
10. On the next screen, click Download to download your Apple Development iOS Push Services certificate. Save it on your Desktop - so you'll be bale to quickly find it later - and then click Done.
11. Go back to the App IDs section, search for your App Id again, click it, scroll down to the Edit button and click it.
    This time click the Create Certificate button in the Production SSL Certificate box, then repeat all the steps above to generate and download a Production APN Certfiicate.
    Once you'll have both Development and Production .cer files on your Desktop, just double click them to install them into Keychain Access.
12. You need to expand both rows in Keychain Access in order to export your .cer files into .p12 Certificates, so click on both the grey arrows:
13. Right click on the first row, NOT the one with the small key icon, but the one with the blue certificate icon, select the Export "Apple Development IOS Push Services:" option and save the file on your Desktop. You can name it as you wish while saving it - like PushDevelopment - that will be your .p12 Development Certificate for Push Notifications.
    NOTE: a popup window will show up and ask you to add a Password: DO NOT insert any password, leave it blank and click OK!
14. Now it's time to generate the Production Certificate, so right click on the Apple Push Service: row in the Keychain Access app and select Export "Apple Push Services:" option.
    Save the new file, name it like PushProduction - or anything you want. And do not enter any password again, just save your file as it is!
15. You finally have got your .p12 Certficates, so go back to your back4app App Dashboard and enter the iOS Push Notifications box:
16. Click Choose file and select your Development .p12 certificate first. Click the Send button after you've selected it from the navigation window and wait for the file to be uploaded.
    Then upload your Production .p12 certificate.
    When both certificates have been uploaded, just click the Back button and run your app to make tests.
17. Now, as the Admin of the app, you can send Push Notifications messages to all registered users by using the Push console in your back4app's Parse Dashboard:
    All those users who have allowed Push Notifications in their devidces will get your messages, check out the example below:
    
    
    If you already signed up with some test users in your app - so you've ran the app before doing these Push Notifications configuration steps - then you will have to sign up as a couple of new test users and run the app again in order to test Push Notifications.
    This is because the previous test Users you've created before have not been registered in the Installation Class in your Parse Dashboard. That's the Parse Server's Class that handles Push and it has to have the objectId of those Users who allowed Push Notifications permission on their devices at app startup.

Parse Server hosted on back4app

Can I host Parse Server on my own server?

What kind of support is offered?

Should I use Xcode to edit this template?

I've performed all configurations mentioned in this Guide, but something is wrong. What should I do?

What hosting provider is best?