General FAQs #
1. What I’ll get with my ONLINE-DIRECTORY LISTING App purchase?
Ans: You’ll get the Source code of Customer Mobile App (iOS and Android), and the Master Admin Panel. We also provide assistance with Initial Implementation support to guide our clients in the best possible way.
2. Does the app have functionality integrated, such as Social media login or SMS Gateway?
Ans: We can always integrate as much functionality as to include as an Add-On upon request.
3. Is the application has Multilingual Option?
Ans: Yes, the app supports major languages to cater to a broader pool of audience. However, we require to provide you the other languages content than English.
4. How scalable is your system?
Ans: Sustainability and Scalability: It is an MVP. It is scalable you want as the Application is built on. The system is highly compatible for customization as per your requirement as per the Application has been built on React Native and Code Igniter framework, which helps you to mold the Application as per your requirement.
5. Can I get the Listing filter based on Category/Ratting/Nearby Location?
Ans: Yes, certainly. We do provide the user to filter the listing base on Category, Nearby Location or Ratting base
6. Can the user view the complete listing details?
Ans: Absolutely, the user can view Listing Banner Image, Business Hours, Contact Number, Map location, Categories and all other related information based on Business Listing to connect with.
7. Push Notification messages are free? How do I setup by myself? Or is there a limit if chargeable?
Ans: No charge or no fee and unlimited push notifications. These are system generates using Firebase and need to be setup. SMS are based on 3rd party and are chargeable and also limited
8. Do you provide hosting and domain services?
Ans: No, we do not provide these services as of now. But, we can always assist you with the list of requirements for the Application.
1. May I upload this app directly to the play store and app store without doing any coding?
Ans: You need to change Branding and need to make some change before uploading to the respective store. It will require minor coding, hence we recommend geting help of tech expert or professionals. Or else, we will always provide our customer Branding services which take care all of your Branding related request.
2. Do you provide hosting and cloud services with your Application?
Ans: Unfortunately, at the moment we don’t provide any of the hosting services as that would be something you would need to help us with. However, rest assured, our team will help you out completely with the request they have for hosting/Cloud Details before we get started with your project.
3. Will I get regular updates to the Application? Is it chargeable?
Ans: This is independent product sales as White Label application and unfortunately not available as SAAS for now. (It’s a standalone product with a one-time purchase where you get the source code, and if there is any next version, you have to purchase the product again.) The next version will be chargeable.
4. Are there any other charges involve in app/package purchase? Or What is the app costing, including as per other charges?
Ans: There are no hidden charges or taxes involved on top of the total product price. Only thing you will require to pay extra will be customization if any. This is for the entire package availed. (Indian customers: Yes, GST will be added on top of the product price, this can further be discussed with our sales team.)
5. With so many similar apps in the market, what makes your app stand out?
Ans: We provide the source code for our applications to all our customers. We also provide the support for the app or package you purchase to assist on app submission and take your business live. Certainly, there are many of our competitors selling similar products as very low cost but again you hardly able to find their support. With Eatance you will always have premium services such as Branding for all the material for marketing your business. And most importantly, Eatance is backed up with Evince Development with a 9+ years strong presence in the market.
6. What items are required for getting the product in place?
So, what all you need from us to get started with the app?
1. LOGO: 1024×1024 PNG Format
2. PSD/AI for splash screen OR a PNG image for it in 1242 X 2208 resolution
3. Apple developer account enrolled in Apple Developer Membership. If client cannot provide that, then we will need agent access
4. Google Play account. If client cannot provide that, then we will need admin access and Firebase account credential and Server key
6. App category
7. Google maps API key
8. Short & long description for play store
9. Selected images to be uploaded
10. For IOS the UID must be linked properly
11. C-Panel credential, must support to his CI
12. If payment gateway integration, then needs to support react native CLI
7. What are the Server Configuaration required for the app?
Ans: Certainly, please find the following server requirements for the app purachase:-
Operating System – Linux
Web Server – Apache
Database – MySQL
RAM: 8GB RAM
CPU: 80GB SSD
Operating System: 2vCPU
Please Note Before Purchasing Any Server:
• Database should support PHP with latest version of PHP 7.4 and MySQL 5+ Server
• Most importantly, it should support React Native Framework
• Any Cloud Hosting can also work for the App configuration However, the setup and installation fees are applicable as per the server purchased
8. What level of Support do you provide after delivery?
Ans: We certainly provide Paid Support plans to all our customer after delivery. Please find the details of support as follow:-
• Answers to (technical) questions about the item’s features.
• Assistance with reported bugs and issues.
Please note that Support does not include:
• Customization & adding new features
• Installation Services
• Support for 3rd party software and/or plugins
• Content related rejections and violations from Google
• App Publishing
9. Which Technology stack used for Mobile app and Backend?
Ans: The technology stack we have used is Backend PHP CodeIgniter (V3) and React Native Version: 0.60.5.
10. Should I buy a developer to change the logo, company name and other things or I can change it directly from the admin panel?
Ans: After Purchase, you need to change branding, App name, and Content, images. You cannot use the Content, images and app name anywhere to promote your Product. You can hire our team for branding changes and contact us on [email protected]
11. Can I just purchase the code and use it to resell for white lable purpose?
Ans: No, the app comes with the regular lisecene only. In which you can’t resell the app or code for white labelling purpose. Doing such activity is to breach the terms and condition while purcashing the app and hence, Eatance team is liable to take legal action to the reseller. Eatance App can only be purchase from Eatance Authority only.
12. CanI just purchase the code and modify the app at my end?
Ans: Certainly, after purchase of the app, you can always update the code as per your requirements. However, if Eatance is involed in support after the app purchase than we request you not to update the code by yourself and discuss with support team before updating any code. If the code is updated from your end, then for any functional breakdown or crash, Eatance will not take responsibility of the code you have updated at your end.
13. Do I need my Own Developer Account for Appstore & Google Play?
Ans: Yes, due to a recent Apple policy change, for the apps to be approved, you will need your own Apple Developer & Google Play Developer Account. You can learn more about the developer memberships here:
Apple: https://developer.apple.com/support/compare-memberships (Individuals will work) $99/yearly
Google Play: https://play.google.com/apps/publish/signup/
$25 One time payment
14. Do I need my own Google Maps API keys?
Ans: Yes, it is important to have your own Google Maps API Keys. You can use the Google Maps APIs on both commercial and non-profit websites as long as your site meets the Google Maps Platform Terms of Service. Most of our customers fit into the free google maps pricing package. For more details, please visit https://cloud.google.com/maps-platform/pricing/
15. Do you provide customization?
Ans: Yes, we do offer Customization, but it will be a chargeable request. For any customization inquiries, please contact us on our email [email protected]
16. What is the deadline looks like after we pay for the app?
Ans: Please do note that we would be taking approx. 5-7 Working Days to deliver the first Application as APK with only branding changes as skin changes as per the client logo.
In the second phase we would be integrating the Google Map API and Payment Gateway as per the API documents you have shared, which would take approx. 60 Working hours and in days approx. 8-10 Working days. Again, we would request you please have some con-ordination or details to discuss with Payment Gateway team to make the process inline.
Once everything is completed, we can push the app to live store and hand over the code or deploy the app on your server. Which would again require approx. 2-3 business days.
17. What is so different with Eatance APP?
Ans: We provide the source code for our applications to all our customers. We also provide the support for the app or package you purchase to assist on app submission and take your business live. Certainly, there are many of our competitors selling similar products as very low cost but again you hardly able to find their support. With Eatance you will always have premium services such as branding for all the material for marketing your business. And most importantly, Eatance is backed up with Evince Development with the 9+ years strong presence in market.
Eatance Community welcomes you, and we would like to Thank you for showing your esteemed interest in our Product.
The Eatance Setup package comes with a thorough explanation for the manual setup guide and all the query resolutions. It is advisable to review the support and workflow documents for understanding the back-end architecture of Eatance designed by our Product Architects. We are always reachable at [email protected] in case of any further issues.
The below article is a step-by-step guide for manual installation and understanding the Eatance application with a closer look. For your convenience, the article is divided into 3 significant verticals of the application, namely Eatance Admin Module, Eatance Mobile Application for Android, and iOS.
Step 1:- Logging into cPanel Application
As an administrator, you will be required to log in through valid credentials into your cPanel Desktop application which can be downloaded from Here. You can also Login through valid credentials into its web application from Here. The below screenshot is attached for your reference.
Step 2:- Upload Application Source Code
As a part of the next step, you will be required to upload the HTML Package on the Eatance Domain. Click on Files in the top-left toolbar, and inside it, visit the Files Manager icon.
After clicking on the Files Manager icon, you will view the Files Manager Dashboard and, under this folder, select the public_html option.
The next step involves uploading the eatanceDirectory.zip file, for the Click on Upload option is available on the toolbar in Files Manager Dashboard. Make sure to check the file path as “/home/evince6/public_html,” You can either upload the file from your computer or drag & drop it on the upload section.
Once the file is uploaded, click on the .zip file as shown in the below figure
After selecting the .zip file, You will need to extract the .zip file, which can be done by right-clicking on the selected .zip file as shown in the below figure.
A popup will appear once you have selected the Extract option, where you will need to enter the location path where the application code is stored.
If the application code is stored inside the public_html folder, then mention the path as /public_html/ and click on Extract File(s) button as shown in the below figure.
If stored at any other location, copy and paste the file path in the placeholder provided in the popup and then click on the Extract Files(s) button. The application code will be automatically uploaded to the web domain.
Step 3:- Create Database
The next step: you will be required to perform is setting up the Database. The database section is available under the Files Manager section in the cPanel dashboard. Under the Database section, click on MySQL Databases.
As an application administrator, you will be required to create a separate database for Eatance Directory Application. For that, a section under MySQL Database will be opened, and you need to enter the name of the Database.
Enter the name of your New Database as shown in the above figure, click on the Create Database button, the following figure will appear.
You need to verify that if the created Database is added, click on the Go Back button to add, redirecting to Database Section on cPanel Dashboard.
Step 4:- Adding a new Database User
To create a new user, go to the Add New User section. Enter Username, Password, and Re-enter Password in Password (Again) textbox as shown in the below figure. After entering the password, you need to click on Create User button.
Suppose you cannot think of any strong password for the database access. In that case, the cPanel application provides an option to generate a password as per the required password standards through Generate Password button. Once you have generated a strong password, you will be required to save the password manually, confirm it by selecting the checkbox in the Password Generator checkbox, and further click on the Use Password button.
Further, the system will automatically redirect you to the MySQL Users page, and the system-generated password will be saved in the Password placeholder as shown in the below figure. Further, you need to click on Create User, and a message stating successful creation of the user will be shown on the screen.
Now, click on the Go Back button. You will be reverted to Add New Database section, scroll down to Add User to Database sections.
As shown in the above figure, select a User name from the list, and its corresponding newly created Database. Click on the Add button to go to the Manage User Privileges page.
Step 5:- Assign Privileges to the User
To create a new user, go to the Add New User section. Enter Username, Password, and Re-enter Password in Password (Again) textbox as shown in the below figure.
As shown in the above figure, Tick mark on to assign all the privileges (rights) to the created users from the Manage User Privileges section. Click on the Go Back option to go to the previous page.
Click on the button to go to cPanel Dashboard.
Step 6:- Importing Database
To import the created Database (For Database Connectivity), select the phpMyAdmin option as shown in the figure below:
Select the name of your Database, as shown in the below figure.
Click on the Import button as shown in the below figure:
Select .sql file, your package from your system. Scroll Down and click on the Go button, as shown in the below figure:
Step 7:- Setup Database to Source Code
To update your database access in the file, open the source code folder. For that, you need to click on the <strong>File Manager option. Further, Click on the public_html option.
If you have created a folder, click on the folder name (For Eg. Eatance Directory), then click on the application ->Config-> database.php option.
Or else directly access source code from the location path of application ->Config-> database.php option.
Here, right-click on the database.php file as shown in the figure below.
Click on the edit button to update the database details following popup will appear as below figure.
Step 8:- Update Important details in the Database
Scroll down to update database details.
As highlighted in the above figure, update the following information in the Database.
- Host Name: localhost
- Username: ‘database user’ (For Example: eatance1).
- Password: ‘database user’s password’ (For Example: [email protected]=clIs).
- Database: ‘database Name’ (For Example: eatance1).
For Admin Module Access:
- To access the admin module, Enter your folder name in your URL,
- For Example, http://example.com/”backoffice/.”
- Here,” back office” is the folder name for back-end access. The following figure will appear:
Enter your E-mail and Password in the textbox and click on the Login button.
After Login, the following Admin Dashboard of Eatance Directory application will appear:
Now, if you have added your package to the public_html folder, then it will work.
But suppose, if you have created another folder inside public_html and uploaded package into that specific folder, then you need to change it from the .htaccess file; it will be on the root path as shown in the figure below:
Select the Edit option from the above list. The following popup will appear:
Now, here you are required to enter the specific folder name in Rewrite base /your folder name /, as shown in the below figure:
Set your folder name, and if you have inserted your package in the folder, then for back-end access, you need to access it with the following URL (by entering the name of your folder). http://eatanceapp.com/your_folder_name/backoffice
If Domain or Subdomain points to a specific directory, there is no need to change it in the .htaccess file.
If Domain or subdomain does not point to a specific directory, then specify folder name in .htaccess file.
Setting up React Native:
As Eatance Application is a multi-platform application, it can run on Android & iOS devices. You will be required to set up the react-native platform.
To have smooth installation and operation of the application, you should install the following things before setting up the application.
- Visual Studio Code can be downloaded from Here
- Node JS 12.x.x or higher, it can be downloaded from Here
Setting up Android:
The Eatance Directory Application is also operational on android devices; hence you will require to download and install android setup. It can be downloaded from Here
First install java from this URL
Then we have to install android studio , you can install the same from their official site from the following URL.
Running on Android:
You need to open the Visual Studio project, and it will create the following structure by default.
As Eatance is dependent on various external third parties and you can install the third party dependencies through the following command
- npm install
To link all the newly installed modules, we need to run the following command.
- react-native link
After all the modules are linked, we are ready to run the app by running the following command. Please ensure an actual device connected with USB debugging is turned on or has an emulator running.
- react-native run-android
Suppose you are not able to execute the application on your connected device. In that case, you can try re-running the command react-native-run-android and if it stills not executable in Visual Studio, then try from the following commands:
- cd android 3. cd.
- ./gradlew clean 4. react-native run-android
You can also try deleting the build folder in the Eatance folder by navigating to the Eatance->android->app.
After deleting the mentioned folder, you need to re-run the following command again to refresh the recently build folders.
- react-native run-android
Now as you will be able to successfully run the application on the connected device if you feel
To change the package name and application ID, then you can do it as well.
To perform this, you need to finalize a package name and let it be com.EatanceDirectory.
Now go to the following directory in file explorer.
Create a new folder named com inside the java folder, then move inside the com folder, create another folder inside the com folder, named EatanceDirectory.
Now our folder structure is ready, let’s move the files inside the Eatance\android\app\src\main\java\com\eatance to the EatanceDirectory folder.
The next step is to launch android studio and open the android under Eatance Directory Project, as shown in the below figure.
The next screen in the android studio will be as shown below, and you need to require to change the package name in the following files, which will be located in Eatance Directory->app
After changing the package name in the above files, you need to hardcode it as well through the XML file, and that can be done in the AndroidManifest.xml file available at Eatance/src/main/res/xml/AndroidManifest.xml
Now it’s time to change the application’s title, which will be visible in the app menu on the device.
The application name for the app menu can be changed by visiting the following file android\app\src\main\res\values\strings.XML; you need to edit the file in the android studio with the desired name you want to keep for your Directory application.
You can also change app theme color by changing the color accent to desired hex color code in the styles.xml file, as shown in the below figure.
You can change the app logo by replacing the images inside this folder with your required images (Remember to rename the new images as the old image names).
You have to change the application in the following file
Eatance\android\app\build.gradle from com. eatance to your required package name; in our case, it’s com.EatanceDirectory. Also, change versionCode to 1 and versionName to 1.0
You have to specify the google maps API key in 2 places to load the map. Open Eatance\app\utils\Constants.js in visual studio code. Please refer to the following guide, how to get a google maps API key.
And also here inside the AndroidManifest.xml file.
Now to use the app on your server, change the BASE_URL to your back-end URL inside the Constants.js file.
We have completed all the required steps to run our very own app except the firebase setup. Let’s do that so that we can finally run our app.
Obtaining a Google Maps API Key
Go to google cloud console by clicking the following link. Select your project and click on open. Let’s open My Food App.
Click on the side menu and select API and Services and click on Dashboard.
Click on ENABLE API AND SERVICES. Search for Maps SDK for Android, Geocoding API, and enable them.
Click on the navigation menu, select API & Services, click on credentials, and click Create credentials > API key on the Credentials page.
To make the APIs work, you need to link a billing account or create a billing account.
Accept terms of service and click on Continue. Then add personal and Payment details and click on the START MY FREE TRIAL. After this, we are ready to use the MAP API key in the app.
Setting Up Firebase for Eatance Directory Android Application
You need to visit the Firebase website first of all through this link. After visiting the page, you will be required to Login into the firebase through your Google account, and you will land on the below Dashboard.
As shown in the above figure, click on Create Project button, and you will be asked to accept the agreement for continuing and Click on Continue on Step 3.
Further, you will be asked to select the analytics option, accept the terms and conditions and click on Create Project as a final step for creating the Firebase project.
The following splash screen shows the project’s name and the message that the project is ready.
After clicking on Continue, you will be redirected on the Project dashboard, as shown in the figure below.
The first step after the project is to register your android application, which is the Eatance Directory application in our case. Along with the package name, you can keep a nickname for the application as well. Once filling up the registration form, click on the Download google-services.json button to download the configuration file and then click on the Next Button on the page’s bottom right.
The next step will be to check all the requirements, and you can skip this step by clicking on Skip this step as shown in the below figure.
Now we must set up an authentication method to access the firebase for our Eatance Directory Application. For this, after clicking on Skip this step button, you will be redirected to the Project Dashboard. On the Dashboard, there is an Authentication option and under it, enable the Phone authentication option.
The next step involves configuring the back-end notification; click on the Settings icon beside Project overview on the top left corner and then click on the Project Settings option.
Under Project Settings, visit on Cloud Messaging option and note the server key required for setting up in the back-end for notification.
Now let’s set the google-services.json file we had just downloaded a while ago.
Go to Eatance\android\app and replace the old google-services.json file with the newly downloaded one.
Creating a signed application for play store release
As you have developed and completed the Eatance Directory Application configuration, this section will help you set up a Google Plays store account and a step-by-step guide to uploading the mobile application. Get ready! It’s ready to be launched.
First, open Android Studio and click on the Build option available in the toolbar
As shown in the above figure, click on the Next button, and you will see a dialog box as below.
Enter the Key Store path and Click on Create New button, and the below dialog box will be opened.
Fill out the required details and click on OK. Remember that once a Keystore file is created and the application is uploaded to Play Store, then you will always need this .jks file to upload a new version of the same app in the future. So please save it safely with you
Select the newly created Keystore, add alias, password, and click Next.
On Clicking Next, you will see the below screen, select the release option, and then click on the Finish option to finish the Directory app’s release on the play store.
On successfully finishing the process, an APK will be generated in the following folder EatanceDirectory
\android\app\release as apk-release.apk
Setting up React Native
The following steps are written considering an assumption that you are operating on a Mac OS system.
As our project is based on react native, we need to set up react-native to run the project.
To ensure an easy run of the project, you are advised to install the following software’s on your pc.
- Visual studio code
- Node JS 12.x.x or higher
Download visual studio code from the following URL
You can download Node JS from the following URL; After completing the installation, we are ready to set up the project in Visual Studio
For installing React Native on your Mac, please follow the guidelines from the React Native Environment Section. There are 2 options for the setup:
- React Native CLI Quickstart – Consider this for setup purposes.
- Expo CLI Quickstart
CocoaPods is a compiling environment required for iOS apps, and that’s why it’s required to be present on your system.
We will consider Mac OS Catalina 10.15.3 for this guide.
CocoaPods managed library dependencies for the XCode projects.
As CocoaPods is built on Ruby and Mac OS already provided the default version of Ruby, hence it is suggestable to continue with the default version unless you are familiar with the complexities in installing the latest version.
Using the default Ruby install will require you to use sudo when installing gems. (This is only an issue for the duration of the gem installation, though.)
Open Terminal application on your Mac and type the below command
- $ sudo gem install cocoapods
If you encounter any problems during installation, please visit https://guides.cocoapods.org/using/troubleshooting this guide.
Running Eatance Directory application in iOS
Open the project in the visual studio code with the following project structure.
Install the third-party dependencies to run by running the following command in the below terminal.
- npm install
Since our project has React Native v0.62.1, we do not need to link the libraries manually. As of React Native 0.60, all libraries get auto-linked at the time of their installation. For linking in iOS, navigate to the iOS folder and install pods using the below commands:
- cd ios
- pod install
To link the assets and fonts, run the below command:
- react-native link
To run the application on the iOS simulator, execute the below command:
- react-native run-ios
If you cannot run the app for the first time, then execute the react-native run-ios command again and check as sometimes the Metro Bundler does not get activated on the first run. If that does not help, you can contact our Support Team, and they will guide you further from this point.
Once we successfully run on a simulator device, you will like to change the bundle identifier according to your requirement.
To perform this, you need to finalize a package name, let in our case it be com.myappname
Open EatanceDirectory.xcworkspace file by double-clicking it.
Follow the steps as shown in the screenshot below and change the bundle identifier to com.myappname:
To change the application name, perform the steps shown below:
To change the app icon, replace the icons in the folder shown below with the same names:
The name of the images should represent the image resolution itself.
- Icon-App-20×[email protected] means that it’s a 2x resolution of 20 pixels. This means that the image should be of 40×40 dimensions.
- Icon-App-20×[email protected] means that it’s 3x resolution of 20 pixels. This means that the image should be of 60×60 dimensions.
- [email protected] should be of 1024×1024 dimension.
- All images must be in PNG format and must be with a solid background. The transparent background will not be supported, and Apple will not accept your application.
- All images must be flat, meaning that any of the images’ edges should not be rounded.
Create Bundle Identifier
Log in into Apple Developer Portal. The document is prepared considering that you have an Apple Account enrolled in Apple Developer Program.
On successful Login, you should see the webpage like below:
In case you do not see such options, then it means that your Apple account is not enrolled in Apple Developer Program. That account should be enrolled in Apple Developer Program, which means that you have a paid Apple Developer Account. More information regarding getting the Apple Developer Account and its Pricing can be accessed in the links.
In case you do not see such options, then it means that your Apple account is not enrolled in Apple Developer Program. Having said that account should be enrolled in Apple Developer Program, we mean that you have a paid Apple Developer Account. More information regarding getting the Apple Developer Account and its Pricing can be accessed in the embedded links.
Every iOS application has a unique identifier, which is termed a bundle identifier. To upload the application to App Store, you need to create a unique bundle identifier. The steps for creating a bundle identifier are as below:
- Click on Certificates, Identifiers & Profiles in the left menu pane, and select Identifiers from the left panel. You will see a + button to register a new identifier.
Next, you will be shown a list of all types of identifiers that can be registered inside an Apple Developer Program. We need to select App IDs from the list as shown in the screenshot below:
Click Continue, and then you will be asked to enter the description of the bundle identifier. The name of the application for the registered bundle identifier needs to be entered here. E.g., EatanceDirectory
Apart from that, there is another option to select the type of bundle identifier. There are 2 types of bundle identifier:
- Explicit (We are considering this type for the write-up)
- Wildcard (For more info on this, please refer to this link)
In the Bundle ID field, you can enter the bundle identifier that you want to keep. E.g., com.EatanceDirectory. Below is the screenshot attached for reference:
Below, there will be a section of Capabilities. Our application supports push notifications. So we need to select it from the list of Capabilities. You can select multiple capabilities as per your iOS app-supported features.
Click Continue and Done.
We have completed the setup of the Bundle Identifier. Next, we will generate Certificates.
An iOS developer certificate is a code-signing certificate, a digital signature that associates you and your digital identity with your applications.
There are 2 types of certificates, mainly
- Developer Certificate
- Distribution Certificate (We are considering this type for our iOS application)
A Distribution Certificate identifies your organization within a distribution provisioning profile and allows you to submit your app to the store.
Click on Certificates, Identifiers & Profiles from the above screenshot shared web page, and select Certificates from the left panel. You will see a + button to generate a new certificate, as we did while configuring the bundle identifier.
The below screen will be opened after clicking the + icon, and you will need to select the iOS Distribution (App Store and AdHoc) radio button as shown in the below figure.
Upon Clicking Continue, Click ‘Choose File’ and select the CSR file if you have previously created it. The CSR stands for Certificate Signing Request. It digitally signs the certificate that you are going to create. Then click continue.
- If you do not have a CSR file, then you will need to generate that first. Follow this link to generate a CSR file
Your CSR will create a new certificate and Click the ‘Download’ button to download a .cer file, as shown in the below figure.
You need to double click on the .cer file, and it will be installed in the Keychain access of your Mac Machine as shown in the below figure.
Note: Keychain access is a pre-installed application in your Mac, and it can be located through Finder.
Create Provisioning Profiles
A provisioning profile is a collection of digital entities that uniquely ties developers and devices to an authorized iPhone Development Team and enables a device to be used for testing.
Click on Certificates, Identifiers & Profiles from the above screenshot shared web page and select Profiles from the left panel. You will see a + button to generate a new profile.
Please refer to the below figure for the following steps:
Select the radio button next to “App Store” underneath the Distribution heading. This is the Provisioning Profile needed to be able to upload your app to App Store Connect. Then click on the ‘Continue’ button at the top.
Instead of the App Store, you can also select “Ad Hoc” underneath the Distribution heading. This is the Provisioning Profile needed to distribute your application to a predefined list of iOS devices. For more info on adding test devices, please refer to this link.
Next, Upon Clicking Continue, you will be asked to select an App ID to associate this Provisioning Profile. Click on the drop-down list and select the App ID that belongs to your app, com.EatanceDirectory in our case. Then click the ‘Continue‘ button.
Next, when you click Continue, you will be asked to select the Distribution Certificate we created that this Provisioning Profile will be linked to. Most likely, you will have only one. Select the certificate that we created before by clicking on the radio button next to it. Then click ‘Continue.’
As shown in the below figure, the final step is to give this Provisioning Profile a name. It is best to give it the same name as your app. You can also include today’s date to document the date of creation. Then click on ‘Generate.’
We are done setting up the Provisioning Profile. Now it’s time to generate the push notification certificate, which will allow the app to send push notifications securely over all the devices on which the app is running.
Create Push Notification Certificates
A Push Notification Certificate is necessary to send push notifications to attendees via your app. To create a Push Notification Certificate, follow the steps below.
Select ‘Certificates, Identifiers & Profiles from the left menu pane and click on ‘Identifiers,’ locate your app, and click on the name as shown in the figure.
Scroll down the page to “Push Notifications” and click ‘Configure.’
A popup window will appear on the screen. Click on ‘Create Certificate‘ under Production SSL Certificate.
Note: you can have up to three Push Notification Certificates under the Production SSL Certificate.
Click ‘Learn More’ under “Upload a Certificate Signing Request” to learn how to create a Certificate Signing Request (CSR) file. Then go back to Apple Developer and click ‘Choose File.’
Use Finder to find your CSR file, select it, and click on ‘Open’ in the dialogue window. It will now be visible in the browser. Click on ‘Continue‘; it will take a moment to show the next window.
Your certificate is now ready for download. Click on ‘Download’
Locate the downloaded file, called “aps.cer”, on your Mac and click on it. It will trigger Keychain Access to open.
To find the certificate in Keychain Access, you can use the Search field in the dialogue window’s top-right. Type in the Bundle ID of the App ID. You can now confirm that the Push Certificate was correctly created, is valid, and has an associated private key.
Now, we also need to add the Push Notification capability in XCode. Select Capabilities section in XCode as shown in the below figure.
After this, we need to select Push Notifications from the list of available Capabilities as shown in the screenshot below:
Next, you will export this certificate and save it as a .P12 file. First, you must unselect it in the list. Click somewhere below the certificate in a space in the Keychain Access dialogue window.
Right-click on the certificate to show the contextual menu. In the menu that appears, select Export: “Apple Push Services…”
A dialogue box will open. Select a location to save the file. Could you give it a recognizable name? For example, “EatanceDirectory_pushcert”. Then click ‘Save.’
Another dialogue will open, asking you to enter a password, which will protect the P12 file. Type in “admin” and enter it twice as requested. Click ‘OK.’
The next step is to upload this EatanceDirectory_pushcert.p12 file in firebase to communicate with APNS (Apple Push Notification Server).
Note: Push Notification Certificates expire after 12 months. You will receive an e-mail from Apple when that occurs. At that time, you will need to create a new Push Notification Certificate by following the process mentioned above. Also, you will need a Mac computer to create your push notification certificate, or else push messages won’t work.
Create a Release Build
Code Signing: Create an iOS distribution provisioning profile and distribution certificate
- First, add your Developer Program account to Xcode if you haven’t already. From the top menu, select Xcode, then choose Preferences.
- Click on Accounts. In the bottom left corner of the window, press the + sign, then Add Apple ID.
- Enter the Apple ID and password you use for the Apple Developer Program, then click Sign In.
- Next, ensure that you have placed correct values for bundle identifier under the Signing & Capabilities tab in Xcode. Below is the reference screenshot for the same:
Create an App Store Connect record for your app
- Login into the AppStore Connect portal
ADD A NEW APP
- In the App Store Connect dashboard, select My Apps.
- Click on the + sign in the upper left-hand corner, then New App.
- To create a new App Store Connect record, you’ll need these details: platform, app name, default language, bundle ID, and SKU. You can’t change these details later, so be sure of what you enter.
- Use keywords in your app name to optimize for discovery.
- The bundle ID must be an exact match of the bundle identifier in your Xcode project Info.plist file (in the target’s General > Identity section).
- The SKU is not visible to users and is up to you to set. It can be an identifier you use in your company or something else that is meaningful for you. Acceptable characters include letters, numbers, hyphens, periods, and underscores, and they must begin with a letter or number.
Archive and upload your app using Xcode
- Before you can submit your app for review through App Store Connect, you need to upload the build through Xcode.
- In Xcode, select Generic iOS Device as the deployment target.
- Choose Product from the top menu and click on Archive.
- The Xcode Organizer will launch, displaying any archives you’ve created in the past.
- Make sure the current build is selected and click on Upload to App Store in the right-hand panel.
- Select your credentials and click Choose.
- In the next window that appears, click on upload in the bottom right-hand corner.
- A success message will appear when the upload has been completed. Click Done.
Configure your app’s metadata and further details in its App Store Connect record
Set your app as free or select its price tier on the “Pricing and Availability” page.
At this stage, your app is marked with a yellow dot and the status “Prepare for Submission” in the left-hand panel under “App Store.” Select the build you want to configure. This is where you will add the information for your product page on the App Store.
Upload your app’s screenshots (in JPEG or PNG format and without status bars). You can upload a set of screenshots for one device and use them for all the other sizes.
Click on Save in the upper right-hand corner of the window after your screenshots have finished uploading.
Scroll down and enter your app’s description, keywords, support URL, and marketing URL.
Your app’s description and keywords are critical. Make sure you optimize them for discovery.
The supported URL can be as simple as a landing page with a contact form.
The marketing URL can be your app’s website and is optional.
Eatance Support team thanks and welcomes you onboard for a benevolent digital experience.
We’re committed to giving you the best support, and so we have worked on a solution for you.
- You should have the following setup ready with you in your system before initiating the Directory Application Setup:
- Android Studio Complete Setup
- Xcode Code Support Path Set-up
- Visual Studio Set-up
- Node Set-Up (Please Find Reference: https://reactnative.dev/docs/environment-setup)
- React Native: (Please Find Reference 🙂
- Open/import projects in appropriate IDE.
After Payment, our team will start deploying the App via Remote Access; we would like to ensure that you perform the following Prerequisite.
- You should have the following details to make your app live in the store
- Name of the Application
- Language to be supported (Client need to provide Content)
- LOGO: 1024×1024 PNG Format
- PSD/AI for splash screen OR a PNG image for it in 1242×2208 resolution
- The primary/theme color to be considered for the application.
- If you need to change the font, then provide the font family name. It will support a single font family. If you want to add multiple fonts, then you need to pay an additional customization charge.
- Google Maps API key will be needed in all the cases to start work on the project/customization
- If the back-end is not to be hosted on Evince server, then we will need cPanel access for the client’s server.
- If the mobile apps are not uploaded from Evince accounts, we will need access to the client’s Apple Developer Account and Play Publish account. We will provide our e-mail address to a client, and he/she has to grant admin access
- For his/her store accounts so we can function without having the dependency of 2 factor authentication (in the case of Apple) and e-mail verification (in the case of Google), leading to an increase in the turnaround time for project completion.
- App category
- Short & long description for play store.
- Selected images to be uploaded.
- For IOS, the UID must be appropriately linked.
- If payment gateway integration then needs to support react-native SDK.
- CPanel credential must support his CodeIgniter.
- Server requirement for Eatance Directory App:
- Operating System – Linux
- Web Server – Apache
- Database – MySQL
- All applications related to Healthcare or Medical category must be uploaded under the name of a registered medical organization or entity. Evince will not be responsible for iOS app publishing if your business is not registered under Registered Medical Organization or Entity.
- If you own an Apple Developer Account in your Directory Shop’s name, then only Apple will accept your publishing application.
- If you’re not able to follow these pre-requisites, you need to request additional paid support hours. You need to send us a request for paid support, and we will send you a link to purchase the paid hours.
- Our Technical team will do the App Deployment for you after you pay for paid support.
- To Get Installation Support, you need to provide Remote Access. If you fail to provide remote access, we will not be liable to refund the money paid for installation.
- Before purchase, please ask for documentation from the support team. If you have any questions related to support, please contact to support team at [email protected].
In the “General App Information” section below, upload your app’s icon, enter its version number, and copyright and contact information.
The version number should exactly match the one in Xcode.
The copyright info typically looks like this: “Copyright (c) 2020, Company Name.”
The contact info here is what will be displayed to users.
Click on Edit next to “Rating” and select the appropriate options for your app. Be honest — your app can be rejected during the review if it doesn’t match its rating.
Under the “App Review Information” section, enter your contact info, any notes for the reviewer, and set the version release date.
The contact information here is for the reviewer in case they need to reach you directly.
Notes for the reviewer can include information about specific hardware they might need to use or user account information they might need for access.
For first releases, you should typically leave the version release date as automatic.
In the top right-hand corner, click Save. Now you’re almost ready to “Submit for Review.”
Submit your app for review
- Scroll to the “Build” section in your app’s App Store Connect record.
Click on “Select a build before you submit your app.”
Choose the build that you uploaded through Xcode.
Click Done in the bottom right-hand corner, then Save in the top-right hand corner, then Submit for Review.
Finally, answer the Export Compliance, Content Rights, and Advertising Identifier questions and click Submit.
Your app’s status is now “Waiting For Review.”
Check on the status of your app
- In-App Store Connect, selectivity in the top horizontal menu, then App Store Versions in the left-hand panel.
HOW LONG DOES IT TAKE TO GET APP STORE APPROVAL?
- In most cases, it takes about one to three days to receive approval, and it can take up to 24 hours for your app to appear in the App Store after approval. Check the app, and You’ll have to make the necessary fixes before submitting your app again for current average app store review times here.
- You’ll receive e-mail notifications at each stage. Read more about each status here.
- If you’re on a tight timeline and need to align your release with a specific event or if you need to release a new version with an urgent bug fix, you can request an expedited review.
IF YOUR APP IS REJECTED
- You’ll have to make the necessary fixes before you can submit your app again for review. Use the Resolution Center in App Store Connect to communicate with Apple about any questions you may have. You can also escalate the issue and submit an appeal if you believe your app was wrongly rejected.
- One of the most common reasons for rejections from the Apple App Store is performance. Make sure that your app is complete and that you’ve tested it thoroughly and fixed all bugs. Using a bug reporting tool while beta testing will help reduce your app’s chances of being rejected due to performance issues.
IF YOUR APP IS APPROVED
Congratulations! You’re now on the App Store. You can view downloads, sales, ratings, and reviews directly in App Store Connect.
Thank You for choosing us in your journey of building digital excellence and providing the best food ordering experience at the doorstep.
We warmly welcome you to our Eatance Family. We are committed to providing trusted and efficient support as a Consultant, Service Provider, and Solution Expert in the best possible manner.