Web client: Running Joplin Mobile in a web browser with react-native-web

Thank you so much! I really appreciate your fast and helpful reply. This has really helped me to get started.

So far, the only issue (if it even warrants that label) is the fact that the Rich Markdown plug-in doesn’t seem to work entirely right on mobile. I think I remember seeing a thread about this here a few months ago, but couldn't find it just now. My issue is that “Align wrapped list items to the indent level” is not working, at least not for me.

But I realize that this is an issue with Rich Markdown and the mobile app, and nothing specifically about the web client.

1 Like

Joplin in a web browser would fill a big functional gap for me - I'm excited ! I run Joplin Server, with a bunch of clients... Is there any documentation yet about of I should deploy Joplin Mobile on a HTTP server ? I searched but couldn't find any.

Meanwhile I found https://app.joplincloud.com works with my Joplin server... Nice !

See the GitHub Actions build script for the web app and Building the applications | Joplin.

To summarize:

  1. Set up a Joplin development environment (see BUILD)
  2. Build the web app with yarn web from packages/app-mobile
  3. Serve the content of packages/app-mobile/web/dist/ with an HTTP server.
    • Due to the browser APIs used by the web app, it can only be accessed from a secure context. This includes https domains and localhost.
    • To have access to Joplin Server, the web app needs to be hosted on the same domain.
2 Likes

Unbelievable!
Low bow for such a great app and your hard work!
I started with Joplin, continued with Joplin Server (SQL), and today I discovered Joplin Web. You are the best!

I use a little less than 10 thousand objects, left to me after moving from Evernote. And this number became a big problem when searching for an acceptable application and the type of synchronization - everything slowed down godlessly! After the Joplin server operation started, the time for initial loading of the entire database from the server or to the server over the Internet was reduced to less than an hour, and synchronization of a small number of objects (about 100 pieces) takes tenths of a second. The longest syncing time I've noticed recently is 280 notes in 14 seconds.

2 Likes

I just started switching from OneNote to Joplin after evaluating all the platforms. The WebApp was the thing that primarily convinced me. I want everything locally hosted, not on Github or joplin.com. However, I had problems setting it up so I tried other options. They were also bad. So I got my developer hat on.

1 Like

Working around the new-user link max with multiple posts

2 Likes

(Still working around maximum link content and got banned for an hour)

  • Seems like someone else is very interested in the docker image too according to issue #3

So that takes care of most of my issues. However, on Desktop I am having problems with being able to export from the web-app. Need some sort of full-page print to PDF or PDF-Exporter plugin for mobile. I opened an issue here Print/share on desktop · Issue #4 · joplin/web-app · GitHub

I'd really like some way to print/export to PNG/PDF/other format. Currently when I attempt to print it will only handle the currently visible portion of the page, header included. This means I'd need to single-page-print the header and visible portion of each page twice per page.

Additionally, something happened with my objects. I had converted my OneNote and had about 40K objects. Now I only have 10k and a bunch of empty pictures. I'm not sure what happened, but I think something about device sleeping/killing the app may have caused web-app to get wrecked on my mobile device.

I can deal with this because I know how to handle backups. But def something to worry about from a developer perspective.

1 Like

Joplin keeps a deletion log, which might help debug this. To access the deletion log, open settings > tools > deletion log. In most cases, the deletion log should include what was deleted and why/where.

(Thank you for reporting this!)

I see nothing of relevance in there. Just items which I had actually deleted. I checked on:

  • Mobile app: deletions of initial 5 notes
  • Mobile web app: no deletions at all
  • Desktop: 20-30 deletions of long base32 strings. Not 30k deletions.

Here's a recap of my experience
Day 1: set up server
Day 2-7: experimented with various options
Day 8: set up web app
Day 9: set up docker
Day 10: exported one note to jex format
Day 11: imported to Joplin desktop, observed 40k objects. Noticed pen-drawn images were separated so each pen-stroke was a separate Image. Decided I need to make PDF exports later. Also synced to Mobile App and observed the same issues.
Day 12: synced to web-app on mobile. Talked about it with my wife. Device turned off multiple times during sync. Sync took 40m. I'm pretty sure it completed.
Day 13: Tried web-app at work, only synced 10k objects. Noticed several notes with hand-drawn images are missing pictures.

On web, is settings > synchronization > advanced > "Attachment download behavior" set to "Auto"? If so, attachments should be queued for download when the associated note is opened (rather than during the initial sync). Changing "Attachment download behavior" to "always" should cause attachments to be downloaded with the initial sync.

1 Like

Yes. Auto on web-app, always on mobile. Desktop no longer has my images.