[Syed Ferhan]

Hi! I’m new to v-play. Previously I was developing using QtQuick alone. I have an application whose interface is in QML using Qt Quick Controls 2.

I need to use one of the components that v-play provides, specifically the “Storage” component. Can I use just this component in my application? Please note that I don’t want to convert my whole application into a v-play application because a lot of code has already been written.

[GüntherFelgo Team]

Hi Syed!

The Storage component is only available as part of the Felgo SDK, which requires some Felgo specific project setup. However, Felgo Components can also be used in Qt Quick Projects with some additional modifications to correctly initialize V-Pay.

To add Felgo to your Qt Quick Project, you can follow these steps (please note that Felgo SDK must be installed and available with your selected Build Kit):

1.  Modify your .pro file configuration to link the Felgo SDK to your project

   CONFIG += v-play

2. Open the main.cpp of your project and initialize Felgo (see code comments)

   #include <QGuiApplication>
   #include <QQmlApplicationEngine>
   #include <VPApplication> // 1 - include VPApplication
   
   int main(int argc, char *argv[])
   {
       QGuiApplication app(argc, argv);
       VPApplication vplay; // 2 - create VPApplication instance
   
       QQmlApplicationEngine engine;
       vplay.initialize(&engine); // 3 - initialize Felgo
   
       engine.load(QUrl(QStringLiteral("qrc:/main.qml")));
       return app.exec();
   }

3. In your main.qml, use Felgo GameWindow as your main ApplicationWindow (required for license validation and other checks)

   import Felgo 3.0
   
   GameWindow {
     licenseKey: "<your-license-key>"
     // ...
   }

   Alternatively, you can also add a GameWindowItem instead:

   import Felgo 3.0
   
   ApplicationWindow {
       // ...
       GameWindowItem {
         licenseKey: "<your-license-key>"
       }
   }

4. Add a new file qml/config.json to your project resources, and configure your correct application id / version that matches your Felgo Apps licenseKey:

   {
       "title": "Felgo App",
       "identifier": "<your app identifier>",
       "orientation": "auto",
       "versioncode": 1,
       "versionname": "1",
       "stage": "test"
   }

With these changes, you should be able to include Felgo and use the Storage Component in your project.

Best,
Günther from Felgo

[GüntherFelgo Team]

You can find an example Qt Quick project that uses the Felgo Storage for download here: QtQuickVPlay.zip

Hope this helps!

Cheers,
Günther

[Marcin]

Hi all,
Günther the explanation you provided, is it somewhere in the docs? That would be really useful to have there.
Just the bits you provided here would be extremely useful if are not in documentation already.

PS. Sorry for adding something to old topic.

[GüntherFelgo Team]

Hi Marcin,

we have recently published a blog post that covers this topic:
https://felgo.com/mobile-development-tips/how-to-add-v-play-to-your-qt-mobile-app

We’ll have a look if we can link this also at some other places in the docs – thanks for the hint!

 

Best,
Günther