rcpinheiro

rcpinheiro

@nightrobin Index.html is your entry point, where all the action is :)
You’ll have to include Onsen Javascript, CSS, etc.
Cordova apps are almost the same as a regular website, you just have to include cordova.js and only use local relative paths. The rest is the same.

Here’s an example of a valid Cordova index.html using Onsen:

<!DOCTYPE html>
<html>
<head>
  <link rel="stylesheet" href="https://unpkg.com/onsenui/css/onsenui.css">
  <link rel="stylesheet" href="https://unpkg.com/onsenui/css/onsen-css-components.min.css">
  <script src="https://unpkg.com/onsenui/js/onsenui.min.js"></script>
  <script src="cordova.js"></script>
</head>
<body>
  <ons-button onclick="alert('Hello World!')">Click Me</ons-button>
</body>
</html>

If you’re lost, give Monaca.io a spin, it does all the nitty-gritty work for you.

rcpinheiro

Hi!
I’m trying to develop an app that uses cordova-plugin-googlemaps to access Google Maps but in the browser preview I always get the error “Cannot read property ‘google’ of undefined”.
Here’s the JS:

document.addEventListener("deviceready", function() {
    console.log("This is never called in browser");
});

document.addEventListener("init", function (event) {
  if (event.target.id=='home') {
      var mapDiv = document.getElementById("map");
      // Next lines = error "Cannot read property 'google' of undefined"
      window.plugin.google.maps.environment.setEnv({
        'API_KEY_FOR_BROWSER_RELEASE': '<KEY>',
        'API_KEY_FOR_BROWSER_DEBUG': ''
      });
      var map = window.plugin.google.maps.Map.getMap(mapDiv);
  }
});

The HTML:

<ons-navigator swipeable id="myNavigator" page="home.html"></ons-navigator>

<ons-template id="home.html">
	<ons-page id="home">
		<ons-toolbar>
			<div class="center" class="white">Map App</div>
		</ons-toolbar>
                <p>Hi, Onsen with Google Maps!</p>
		<div id="map" style="width:100%;height:500px"></div>
	</ons-page>
</ons-template>

Since deviceready() also is not called, I think the problem must be with the plugin although the documentation says browser is supported (it uses Google Maps V3 API)

Note: this is a brand new project and besides cordova-plugin-googlemaps, no other third-party plugin are installed.

I haven’t tested yet on a real device but I need desperately browser preview or the development will be a pain…
Thanks in advance!

rcpinheiro

Is it possible to create valid AMP pages using Onsen?
If not, is it planned for future versions?

rcpinheiro

Hi!
Has anyone been able to use a autocomplete feature with ons-search-input? I’ve tried a few scripts and don’t work or the results require quite a bit of CSS kludges.
Thanks in advance!

(Note to Onsen developers: autocomplete would be great in the next release)

rcpinheiro

Hi!
Does anyone know how to include Firebase notifications AND Authentication (email,Google,Facebook, etc) in Monaca?
I’ve tried cordova-plugin-firebase but it seems it only works with notifications.
Also couldn’t make cordova-plugin-firebase-authentication to work - it doesn’t even get loaded in the Custom Debugger (“the following plugins are not included in the debugger”), maybe there’s a compatibility problem with cordova-plugin-firebase. Same results in a debug build.
Thanks in advance!

rcpinheiro

Ok, thanks for the tip.

rcpinheiro

Hi!
To use AppUploader to generate certificates only for testing is it needed to pay for an Apple Developer account or a free account will be enough?

rcpinheiro

That’s not an easy problem to solve. Check: https://github.com/OneSignal/OneSignal-Cordova-SDK/issues/9
To receive notification when app is stopped you’ll have to create a background service - although a few device manufacturers keep a whitelist of apps that receive notifications even when closed.
Unfortunately, there is no support for background services in Cordova so you’ll need to create a native service in Java.

imadarchid created this issue in OneSignal/OneSignal-Cordova-SDK

closed Notifications not received when app is closed #9

rcpinheiro

Thanks for the reply but that’s not it, I have the plugin loaded that way (ApiAiSDK 1.7.4).
It seems there’s a compatibility problem between the plugin and Cordova 7.1.0 (or Monaca) since the same plugin works with Cordova 6.2.0.

rcpinheiro

Hi!
I’m trying to develop an app that uses Dialogflow and it gives an error when building for Android:

Discovered plugin "cordova-plugin-apiai" in config.xml. Adding it to the project
Installing "cordova-plugin-apiai" for android
Error during processing of action! Attempting to revert...
Failed to install 'cordova-plugin-apiai': Error: Uh oh!
ENOENT: no such file or directory, open '/private/tmp/monaca/5b104b68e788851845dba6ce/project/plugins/cordova-plugin-apiai/www/lib/q.js'
    at Object.fs.openSync (fs.js:646:18)
    at Object.fs.readFileSync (fs.js:551:33)
    at install (/private/tmp/monaca/5b104b68e788851845dba6ce/project/platforms/android/cordova/lib/pluginHandlers.js:173:36)
    at ActionStack.process (/private/tmp/monaca/5b104b68e788851845dba6ce/project/platforms/android/cordova/node_modules/cordova-common/src/ActionStack.js:56:25)
    at PluginManager.doOperation (/private/tmp/monaca/5b104b68e788851845dba6ce/project/platforms/android/cordova/node_modules/cordova-common/src/PluginManager.js:114:20)
    at PluginManager.addPlugin (/private/tmp/monaca/5b104b68e788851845dba6ce/project/platforms/android/cordova/node_modules/cordova-common/src/PluginManager.js:144:17)
    at /private/tmp/monaca/5b104b68e788851845dba6ce/project/platforms/android/cordova/Api.js:243:74
    at _fulfilled (/private/tmp/monaca/5b104b68e788851845dba6ce/project/platforms/android/cordova/node_modules/q/q.js:854:54)
    at self.promiseDispatch.done (/private/tmp/monaca/5b104b68e788851845dba6ce/project/platforms/android/cordova/node_modules/q/q.js:883:30)
    at Promise.promise.promiseDispatch (/private/tmp/monaca/5b104b68e788851845dba6ce/project/platforms/android/cordova/node_modules/q/q.js:816:13)
Failed to restore plugin "cordova-plugin-apiai" from config.xml. You might need to try adding it again.

Note that I’m using the latest Cordova version (7.1.0) and imported the official Dialogflow client (dialogflow-cordova-client).
As a test, I’ve imported the project mentioned in this great article and it works although it uses a very old Cordova version (6.2.0).
Anyone knows how to fix this? Thanks in advance!

rcpinheiro

@rcpinheiro

Posts made by rcpinheiro

closed Notifications not received when app is closed #9