Replies: 4 comments 30 replies
-
|
don't use import: use this applies to all plugins, but i have used the cordova-plugin-purchase with server.url this way before, with success. |
Beta Was this translation helpful? Give feedback.
-
|
Could you help me understand how can I debug in webview? I also shared the code from Android. That fails too. |
Beta Was this translation helpful? Give feedback.
-
|
you need to connect desktop chrome to android webview with |
Beta Was this translation helpful? Give feedback.
-
|
I figured that I can use
|
Beta Was this translation helpful? Give feedback.
-
|
Beta Was this translation helpful? Give feedback.
-
|
With latest attempt, still failures Here is the video. Somehow, store is not available. Do you know how you got it? My latest attempt is at https://github.com/hhimanshu/web-payments-remote/tree/h2/another_attempt Screen.Recording.2023-04-28.at.2.28.50.PM.mov |
Beta Was this translation helpful? Give feedback.
-
|
@jayenashar , with some effort and debugging, I was able to do this. Screen.Recording.2023-04-28.at.5.30.32.PM.movNow, the open issue is, when I close the app and re-open it, the page goes blank. On repeated refresh, I see this
|
Beta Was this translation helpful? Give feedback.
-
|
maybe i am using older version (v11) as i have window.store not window.CdvPurchase.store as you have. in react, you can't really trigger render when window.CdvPurchase changes, so your effect may not fire at the desired time. though i think window.CdvPurchase should be there always as i believe the plugin adds it to the window object before capacitor opens the url. i keep my capacitor project separate to me webapp project, as i am accessing everything from the window object. i guess you want capacitor in your react app for the types? i think typescript let's you import the type only so you don't accidentally try to use the imported object. i don't see any issues in your code which would cause the blank page or error you have. |
Beta Was this translation helpful? Give feedback.
-
|
The blank page is coming because of registered ServiceWorker. @mlynch helped me out on twitter (see thread). Thank you, @mlynch The working codebase is here |
Beta Was this translation helpful? Give feedback.
-
|
The final open question is - How to tell users to connect to internet since this approach requires internet. Also, since Serviceworker is not registered, there will be no interception, so there seems no opportunity for informing users in a nice way. or are there some ways? Looking forward to learn more. |
Beta Was this translation helpful? Give feedback.
-
|
i believe it's for hot-reload during development, as you can point at a local web server. you may also need to set server.allowNavigation so your new window location opens in the webview and not a browser. |
Beta Was this translation helpful? Give feedback.
-
|
My apologies for missing up on this thread. I think, my approach will not work. Because once I have set |
Beta Was this translation helpful? Give feedback.
-
|
i believe our_app.com can use window.Capacitor and window.CdvPurchase, but i haven't tried it |
Beta Was this translation helpful? Give feedback.
-
|
How does that solve the problem I mentioned above? |
Beta Was this translation helpful? Give feedback.
-
|
maybe i didn't understand the problem you mentioned. your initial code using |
Beta Was this translation helpful? Give feedback.
-
Hi! I would greatly appreciate it if you could share your experience with getting an SSR app working with server.url in conjunction with Capacitor. I'm particularly interested in using in-app purchase and native notification features, given that the main pages of the app are SSR remote. I'm curious if this complies with Apple's rules for iOS. Essentially, I'm deciding between migrating the entire Next.js app to React Native (which is very time-consuming) or using server.url with potential IAP features. I'm trying to determine if it's even worth diving into Capacitor for my use case. |
Beta Was this translation helpful? Give feedback.
-
|
Better approach than using service workers is to have a separate app or native UI display that is fully local, like a "shell" that can respond to offline/online events and provide a proper offline experience. |
Beta Was this translation helpful? Give feedback.
-
|
How does that "separate app" work with "capacitor app" that is also a full native app? |
Beta Was this translation helpful? Give feedback.
-
|
if you don't need an offline experience, i wouldn't spend the time working around it. just set server.url in a blank capacitor app and you're done. |
Beta Was this translation helpful? Give feedback.
-
|
@hhimanshu two options: one web app that you point to when the app launches that is local and bundled with the app. This can be a very minimal web app that handles online/offline detection and then kicks off loading the core app. You can also add some code such that if the app goes offline the capacitor web view loads this app instead. The other option is to do the above but through purely native code with a minimal native UI. Trade-off is you have to build that UI natively but it will be extremely minimal so not a big deal. |
Beta Was this translation helpful? Give feedback.
-
|
Jumping in here because I have the same decision, add capacitor to my Remix app or rewrite with react native. @mlynch would you mind expanding on your thoughts about service workers? I was thinking I'd use them to cache the last successful GET to each url, so I always have something for offline users. Being able to browser to the different tabs offline is critical for my product. Thanks! |
Beta Was this translation helpful? Give feedback.
Uh oh!
There was an error while loading. Please reload this page.
-
Hello here,
After going through this discussion, I was intrigued to find out, if I can trigger In-App Purchase using
cordova-plugin-purchase(capacitor documentation).So far, I made multiple attempts, however, when I run this in Android emulator (not even tried in iOS emulator), I see error on Logcat (in Android Studio)
I even ensured that the web bundle has the dependency, even then I am not able to solve this issue.
My code is available at https://github.com/hhimanshu/web-payments-remote
I am not sure if I am going on the right path. Is it even possible?
More Resources
Entire Logcat log
Beta Was this translation helpful? Give feedback.
All reactions