Html to desktop apple

Convert your Web App

to a Desktop App in 2 Minutes.

One-click access to your app

No toolbars, no tabs, no distractions

Windows, Mac, Linux

Your Icon on the Desktop

With ToDesktop your users can install your web app (or website) to their computer and launch it from the same place as other desktop apps on Windows, Mac and Linux.

Increase Active Users «Users who download our desktop app are more active than our existing users and we’ve reduced our churn rate as a result.»

Less Cluttered «Dropping the URL bar makes our UI look much cleaner and less cluttered. It makes it easier for our customers to keep the app open all day and not get lost in a sea of tabs.»

Native Look and Feel «Having that ‘installed’, native feel is important to our users. It gives them confidence that our app is solid.»

Save Time & Money «I was going to build and code a desktop app manually (using Electron). ToDesktop has just saved me a ton of time!«

Built for distribution to your customers

We handle the messy details around making a desktop app customer-ready.

Code Signing

We sign your desktop app with EV Microsoft Authenticode and Apple Gatekeeper certificates. Code signing is super-important because your app downloads and installs without warning dialogs.

Auto updates

Your app will regularly auto-update to ensure the underlying browser is always up to date. Plus, this is how we deliver performance improvements, security patches, and additional features to your app.

Native installers

You’ll get a customised installer for Windows, Mac and Linux. We even provide a magic link you can send your users which will detect their operating system and download the most up to date version of your app.

Customer Story

Interplay’s customers wanted a desktop app. Michael and his team delivered in one day with ToDesktop.»

«I entered the details and uploaded our icon. ToDesktop gave me an installable app for Mac and Windows instantly. We rolled the desktop version of Interplay out to our beta customers the next day.» Michael Fitzgerald
Co-Founder of Interplay .

Michael has delivered a desktop app faster than he could have ever hoped. Now his team can focus on their web app and not worry about the ongoing effort of maintaining a desktop app.

Make it yours

Completely Customizable

ToDesktop will detect your icon and colours when you give it your web app’s URL. Don’t worry you can edit them if we don’t get it right.

You can edit your app’s icon and the window frame UI.

The best part is that you can see exactly what your desktop app will look like before you click the build button.

Choose the package that works for you.

Essential

• 7-day free trial
• Windows, Mac & Linux
• Native notifications
• Auto-updates
• Code signing
• Native installers

Professional

• Everything in Essential
• 7-day free trial
• Priority support & onboarding
• Launch at startup
• App badges & label
• Custom internal URLs
• Custom User Agent
• Fullscreen mode
• App protocols & deeplinking

Enterprise

• Everything in Professional
• Dedicated account manager
• Custom features
• Branded download links
• In-depth analytics
• MSI installer

To get started, enter your web app’s URL below, or chat with us now .

How many days would it take to build in-house without ToDesktop?

Want to stay updated?

Frequently Asked Questions

Is ToDesktop For Me?

That depends! If you would like to distribute your web app to your users as a downloadable desktop app then ToDesktop is for you.

If you want to make a desktop app of a website for your personal use, ToDesktop is overkill.

What’s the difference? There are extra considerations when creating a desktop app for distribution to customers. Here are the top 3:

• Installer — Mac users expect a «drag to applications» DMG file. Windows users expect an installer and they also expect to be able to uninstall it from the control panel.
• Code Signing — By default Windows Authenticode and Apple Gatekeeper will stop your desktop app opening.Signing your code allows your app to open without issues.
• Auto-update — There is a web browser running «underneath» your desktop app. It’s important to keep this updated for two reasons.
  1. Security issues + vulnerabilities can occur. Auto-update ensures that they stay patched over time.
  2. You don’t want to be stuck supporting an old web browser in 5 years from now. This can happen if your desktop app’s underlying web browser hasn’t updated.

ToDesktop offers these features as standard! Saving you a ton of development time and effort.

Can I try ToDesktop without buying?

Yes. We offer a 7 day trial when you sign up. Cancel (it takes two clicks) within 7 days of sign-up and your credit card will never be charged.

Do you collect or store data about my customers?

No. When a ToDesktop app opens it contacts the our servers to check if an update is available. We do not collect or store any user data from these requests.

Does ToDesktop work with sites built with ___?

• WordPress? Yes.
• Squarespace? Yup.
• Wix? Of course.
• Shopify? Definitely.
• React? You bet.
• Vue? Affirmative.
• PHP? 100%.
• Go? Absolutely.

If you’re noticing a trend here, that’s because ToDesktop works with sites built with any technology stack.

If it works in your browser it will work as a ToDesktop app.

What features are on the product roadmap?

If you have any suggestions, we’d love to hear! Please send us an email at support@todesktop.com or send us a message

How does ToDesktop work under the hood?

It can help to think of ToDesktop as a custom web browser dedicated to your web app or website. It shows a live version of your site or web app at all times, just like a web browser. There is no toolbar or address bar or refresh buttons but it behaves and functions just like a web browser. This means you don’t need to do anything to your existing site, it will just work. If your site works in Google Chrome then it is compatible with ToDesktop.

ToDesktop uses a technology called Electron. You don’t need Electron (or even coding) experience to create a desktop app with ToDesktop. Rest assured, the underlying «browser» engine is updated regularly through auto-updates. So the desktop version of your app will always have the latest web features available.

I want to use ToDesktop to convert multiple web apps, is there a bulk discount available?

Yes, let us know your needs. Please send us an email at support@todesktop.com or send us a message

Will my app work offline?

Think of ToDesktop as a normal browser that is just for your website. Your website will work exactly as it does in Chrome, or any other browser.

If you want to make the app work offline you’ll need to make it into a progressive web app. Include a web manifest, service workers and client-side storage and voila — offline support.

Which version of Electron/Chromium is used?

ToDesktop is currently based on Chromium 87 and Electron 11.1.1. When Electron releases a new version you can expect us to update it shortlyafter. We prioritize security fixes and endeavour to release them as soon as possible. All updates are pushed out to all your users over auto-update.

What support do you offer?

We’ll do our best to help you with any issue you encounter with ToDesktop. You can get in touch with us via email and chat.

On the Startup plan we deal with the same day or the next day.

On the Business plan you get concierge onboarding. This is a video/phoneonboarding session where we take you through the product and make sure you’re happy set up. You also get priority support with your issues answered first. You can also schedule a phone/video support session if necessary.

How does my app get updated?

Every time your app launches it contacts the ToDesktop update server. If there is a newer version available then it gets downloaded automatically. The user gets a notification that the new version will be installed the next time that they open the app.

Auto-updates are published on two occasions:

• An app detail (name, icon, default window dimensions) is changed.
• Electron or the ToDesktop standard library is updated.

Источник

6 Tools to Turn any Webpage into Desktop Mac App

I love having lots of open browser tabs!
I may have a few hundred open tabs between 5–6 browser windows.

Keeping track of all these tabs is hard, and finding any given tab is even harder. To work around this issue and put my most used web apps to a more distinctive place, I decided it would be nice to have some web pages as regular Mac desktop apps.

I spend virtually the whole day with Gmail, JIRA, Github and Metatask open in a browser since I work on a few development projects but also manage some operations. After converting all these websites to Mac apps my life got a little bit better, at least I can quickly pick these apps from the Dock when I need to.

Below is a list of tools you can use to quickly convert any web page to a real desktop app on Mac.

1. Unite 2 ⭐⭐⭐️⭐⭐

• Website: https://www.bzgapps.com/unite
• Price: Starting at $10 for a single-user license. Has options for family and office. Also available on SetApp
• Highlights: Unite is using a WebKit engine, while most other tools rely on Chrome. Supports notifications (in selected apps), status bar apps.

2. Fluid ⭐⭐

Fluid is free. You can download Fluid for free and create as many Fluid Apps as you like. However, for $5, you can purchase a Fluid License which unlocks a few extra features:

— Pin Fluid Apps to the Mac OS X Status Bar.
— Use Userscripts or Userstyles in your Fluid Apps.
— Use Full Screen mode in your Fluid Apps.

• Highlights: Based on Twitter activity and website this maybe not actively developed anymore.

3. Coherence 6 and Coherence Pro 2.0 ⭐⭐⭐

• Website: https://www.bzgapps.com/coherence6
• Price: $5 and $15 for normal and Pro version.
• Highlights: Coherence is using Google Chrome internally. Pro version has some pretty advanced features like bulk operations, enterprise licenses, tabbed apps, support of Chrome extensions (like 1Password) and profiles.
  Coherence doesn’t support notifications.

4. Web2Desk ⭐⭐

• Website: https://appmaker.xyz/web2desk/
• Price: Free with their branding. $19 without.
• Highlights: It’s an online service, not an app. You can give your page URL, add some parameters and download the newly created app. Supports not only Mac but also Linux and Windows. It uses Nativefier internally to create apps.

5. Nativefier ⭐⭐⭐⭐

• Website: https://github.com/jiahaog/nativefier
• Price: Free
• Highlights: It’s a free, open-source command-line utility.

Nativefier is a command-line tool to easily create a desktop application for any web site with succinct and minimal configuration. Apps are wrapped by Electron in an OS executable (.app, .exe, etc.) for use on Windows, macOS, and Linux.

6. Macify ⭐

• Website: https://www.macify.co/
• Price: “call us”
• Highlights: Macify is not an app but a service, from the same company which sells Unite. They offer to create a Mac app from the website. Created app can be distributed on the Apple App Store or directly as a download.

I’m currently using Unite 2 and so far it is good. Please share your experience in comments if you know other tools or a long-time user of one of the tools from my list.

Источник

Введение в создание десктопных HTML5-приложений при помощи Node-Webkit

При помощи Node.js мы можем легко создавать веб-приложения. Теперь благодаря библиотеке node-webkit мы также можем создавать с помощью Node.js десктопные приложения, используя уникальную комбинацию HTML5 и Node.

Введение

В этой библиотеке движок WebKit и Node.js сочетаются уникальным образом. WebKit и Node используют один и тот же контекст (* среда исполнения программы. Здесь и далее прим. пер.), благодаря чему вы можете писать код таким образом, как если бы его предполагалось исполнять в браузере, но с возможностью использовать весь функционал Node.

Список вариантов использования неограничен. Вы можете создавать бизнес-приложения, текстовые и графические редакторы, игры, презентации, панели управления для администраторов и т. д. Просто назовите имя десктопного приложения, которое вы бы хотели создать, и я вам гарантирую, что его можно будет создать при помощи node-webkit.

В данном руководстве я покажу вам, как начать использовать библиотеку на примере создания простого текстового редактора.

Подготовка

Для начала вам необходимо получить библиотеку. Скачайте подходящую для вашей операционной системы версию (само же приложение будет запускаться на всех платформах) с github и распакуйте ее, где захотите. Теперь давайте создадим базовую структуру папок. У нас будут папки для файлов HTML ( .html ) и для файлов JavaScript ( .js ). Также создайте файл package.json в той же папке, в которой расположен исполняемый файл nw , и папку node_modules для размещения модулей, которые мы создадим.

Package.json

Первым делом необходимо заполнить необходимые поля в фале package.json. В случае использования node-webkit это name и main (на Github вы можете ознакомиться со всем списком доступных опций для package.json ). Первое поле то же самое, что и для простых приложений Node.js. Во втором поле должен быть указан путь (относительный или абсолютный) к главному файлу HTML, который будет показан при запуске приложения. В нашем случае файл package.json должен выглядеть следующим образом:

Теперь при запуске приложения с помощью исполняемого файла nw вы должны будете увидеть пустой экран вроде этого:

Главный файл

Создание пользовательского интерфейса при помощи node-webkit не отличается от создания веб-страницы (кроме как того, что вам известен движок рендеринга (визуализации), в связи с чем вам не нужно предоставлять каких-либо альтернатив для более старых браузеров или использовать библиотеки (jQuery и т. д.) – и, собственно, не стоит, поскольку они содержат код запасных вариантов, что может замедлить ваше приложение). Давайте создадим файл index.html , который будем использовать:

Давайте также подключим (и создадим) главный файл JavaScript, который будем использовать, в теле документа так, что он будет выполняться после загрузки DOM (* Document Object Model – объектная модель документа).

Сейчас при открытии приложения единственным, что изменилось, будет заголовок.

Давайте воспользуемся некоторыми возможностями Node

Для демонстрации простоты использования возможностей Node.js при помощи node-webkit, давайте прочтем содержимое package.json и выведем его на экран. Создайте js/main.js и напишите в нем следующий код:

Как вы видите, код выглядит так же, как если бы вы писали его для Node. Но затем мы используем document.write для выведения содержимого файла на страницу. Нет необходимости в установке какого-либо локального сервера.

Теперь откройте приложение и вы должны будете увидеть нечто подобное:

Модули

У node-webkit есть еще одно преимущество: нет необходимости в написании тегов

Источник