Wizard's Toolkit logo

PWA to Native Xcode App

Wizard’s Toolkit builds responsive design pages which automatically look good on phones, tablets and computers. Our JavaScript library also seamlessly passes information to ReactNative JS in your Xcode for native access to iPhone features like camera, microphone and dialing.

Need a native iOS App?

If you want an app on the Apple AppStore we have the solution for you. Wizard’s Toolkit builds responsive design web pages. That makes a page look good on any sized device. A "Progressive Web App" (or PWA) really is not good enough. Users want a true "App" from the AppStore so we have constructed advanced JavaScript libraries to give your WTK website the ability to seamlessly become a true App.

For most companies when they want both a website and a mobile app, they need to hire two different development teams. One with the expertise to handle the website and a separate team to handle the iPhone development. With Wizard’s Toolkit, your website developers are making pages which will work perfectly for a mobile app without even trying. When you are ready to make the mobile app they may want to add a little code so pages look a little better on a small phone, but those modifications are easy and relatively quick.

border_color
CSS Optimized
CSS Optimized

The HTML and CSS already looks good on phones but we made customizations to make it look even better. The Wizard’s Toolkit CSS enhancements make your pages look like a native app. Margins around containers and modal windows are reduced to give phones maximum width possible. Special attention was given to the login page, account registration, forgot password and feature request pages.

border_color
code
code
JavaScript Integration
JavaScript Integration

Even more important than the UI, our JavaScript library has functions which call Xcode ReactNative JS to provide a seamless interaction between your website and the mobile app. This gives you full access to the native features like camera and photo album, dialing, and microphone access. The WTK JavaScript recognizes whether it is called via iOS mobile app or on a web browser. The developer does not need to make any changes to their code but our JavaScript will process regular web access one way and iOS requests differently so the user has a native-app experience. We have done all the quality assurance testing and hours of perfecting so you do not have to.

developer_mode
Xcode Simple Steps
Xcode Simple Steps

When you purchase the Wizard’s Toolkit subscription you receive access to our GIT repository with our Xcode project. Download and modify for your own needs. Generally all you will need to do is the following:

  • Add your App Icons
  • In appSettings.json set the URL you want the app to point to which has your WTK website
  • Choose which native features you want and disable the rest
  • Set your Info.plist definitions for why those features. For example if you need access to the Camera then add a description as to why your app needs access to the camera. Our template has defaults which you can easily change.
  • Make sure your Xcode is up-to-date with Appleā€™s current requirements
  • Compile and test on Simulator
  • Upload to TestFlight or AppStore

If you do not have staff comfortable with Xcode, or would just like it done as quickly as possible, we have an Xcode expert who will do the above steps for you for a flat fee of $250. They will send you a zip file with your final Xcode source code and an yourProject.xarchive file so you can upload it to TestFlight or the AppStore when you are ready.

See our Demo for how it looks on the web. Then download our App from the AppStore to see how it looks and responds as a native App.

developer_mode
web
web
PWA / Hybrid Advantages
PWA / Hybrid Advantages

One of the greatest advantages of a PWA design is ease of upgrades. The App is pointing to your website. When you deploying to your website the App automatically accesses the new pages. No need for users to download a new "App" from the AppStore.

Any alteration to your database, HTML, or PHP is instantaneously accessible to all users, maintaining a consistent experience. If there is a mandatory change to a JavaScript or CSS file, you have the ability to require the user to "upgrade" their App. The Toolkit keeps track of user versions, allowing you to prompt upgrades effortlessly through your administration website by updating the version number. This gives the user a link which takes them out of the SPA so they receive the updated JS and CSS files and can re-login.

Elevate your digital presence with a toolkit that ensures both immediate impact and future adaptability.