The very first step to be able to send a mac app to the appStore is to create a unique Bundle ID for it:
1- Create a Bundle ID for your app
To stop using your Apple ID with an app, select Stop Using Apple ID, then choose Stop Using. When you stop using your Apple ID with an app, you're signed out of the app on your device. The next time you visit the app or its associated website, you can either select Sign in with Apple to sign in again, or create a new account. Code-signing for packaged Electron OS X apps. Electron-osx-sign minimizes the extra work needed to eventually prepare your apps for shipping, providing the most basic tools and assets. Note that the bare necessities here are sufficient for enabling app sandbox, yet other configurations for like network access require additional work. Electron packager (builder), I use electron-builder which can build all the platforms just on Mac; Some index.html file that Electron can load and boot electron.autoUpdater there; Behind the scenes. It’s not that important to know how this works behind the scenes, so let’s just quickly go through some terms: electron-builder uses Squirrel. MacOS auto-update requires your Electron app to be signed. In the previous article we created a release using Travis for macOS. In this article, we are going to look at how to automatically sign the release in Travis CI in order to easily distribute your updated application.
2- Create your developer certificates
You need two types of certificate as a developer to submit an app to the mac appStore:
In addition to the Mac App Distribution certificate, one also need a Mac Installer Distribution certificate. You need to perform the same steps as previously and select Mac Installer Distribution on step 5.
All your certificates should be ready now. ![]() 3- Package your Electron app
It is now time to prepare your app for the submission. You first need to install electron-packager. This module will be helpful to create the .app and package everything we need. To install :
And then run:
Change ELECTRON_VERSION to the correct version of Electron installed in your machine (run “electron -v” if you are not sure).
This will create your appName.app in a new folder named mas-build. This is usually enough if you want to distribute your app. However, a few more steps are required to submit it properly to the appStore. As you can see, you also need the .icns file with the requested icon format. You can check here to see how to prepare the perfect .icns. 4- Sign your app
You need then to sign your app, so everybody knows it’s coming from a trustworthy developer ?
The codesign command already exists by default on mac, you will use it to sign your app. Run the following command by properly adding the name of your certificate and the correct path to your appName.app. 5-Prepare additional files5.a- Update the Info.plist
Your app is now signed. The next step is to find your appName.app, right-click and select Show Package Contents.
Go to the Contents folder and open the Info.plist file with a text editor (not Xcode). Add the following code
Just before
Here you need to replace TEAM_ID with your teamID, you can find it on your Apple developer account (click Membership then you’ll see a row named Team ID).
5.b- Add child.plist and parent.plist
Create the two following files with the corresponding content:
Replace TEAM_ID by your Team ID and your.bundle.id by the unique Bundle ID of your app (we previoudly used com.domain.appname).
6- Create a .pkg of your app
Create a new file and name it packageAppStore.sh with the following content.
You need to do some changes on this file on the first lines:
Finally, run the following command to generate your appName.pkg :
Sign Electron App Mac Download7- Launch Application Loader and load the .pkg
If you already installed Xcode, you should also have an application called Application Loader. Launch Application Loader and login with your account. You might need to get an app specific password, for this connect to appleid.apple.com and click Generate Passwords… on the APP-SPECIFIC-PASSWORDS section. Enter a Label (for example Application Loader) and copy paste the code to the Application Loader app.
Click Choose and select the freshly generate appName.pkg. This should automatically identify your app based on the Bundle ID. Finish the whole process of uploading your app. 8- Complete your app information
You app build should be available on your iTunesConnect account soon. In the meantime, you need to complete the information about your app. Once done, you can select the build that you want to upload to the appStore and click Submit.
9- Some potential issues
If you submitted the .pkg file but it does not appear on itunesConnect, check your email. If you received something like:
Invalid Signature – The executable at path appName.app/Contents/Resources/app/node_modules/robotjs/build/Release/robotjs.node has following signing error(s): code object is not signed at all In architecture: x86_64 . Refer to the Code Signing and Application Sandboxing Guide at http://developer.apple.com/library/mac/#documentation/Security/Conceptual/CodeSigningGuide/AboutCS/AboutCS.html and Technical Note 2206 at https://developer.apple.com/library/mac/technotes/tn2206/_index.html for more information.
Code Sign Electron App Mac![]()
You need to sign the different modules mentioned in this email. For that, just do as follow for each module:
Voilà ? You can now enjoy some coffee while waiting for the review. Congratulations!
Source: https://electron.atom.io/docs/tutorial/mac-app-store-submission-guide/
Sign Electron App Mac FreeWe can work together Electron Mac App
Share this post on social media:
Comments are closed.
|
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |