Apprenez à intégrer les jeux H5 dans des jeux rapides

Les jeux H5 peuvent être rapidement intégrés dans des jeux rapides via les composants Web de l'application rapide. Une fois les jeux rapides emballés et mis sur les tablettes, tant que l'URL du jeu H5 original ne change pas, les jeux rapides n'ont pas besoin d'être mis à jour et la charge de travail de maintenance est faible.

En utilisant l'IDE d'application rapide, le fonctionnement de l'empaquetage de jeux rapides est très simple.

1. Visitez le site officiel pour installer les outils de développement et installer l'IDE Kuaiapp sur le PC.

2. Sélectionnez "Fichier> Nouveau projet> Nouveau projet d'application rapide" pour créer le projet et sélectionnez "Modèle de jeu HTML5" comme modèle.

• Nom de l'application: le nom de l'application, correspondant au champ de nom dans le fichier manifest.json.

• nom du package rpk: le nom du package de l'application, correspondant au champ package du fichier manifest.json.
  

3. Cliquez sur "OK" pour créer un projet de jeu rapide.

4. Configurez le fichier manifest.json.

• package: Le nom du package du jeu. Une fois sur les tablettes, le nom du package ne peut pas être modifié, sinon la version ne peut pas être mise à jour.

• name: Le nom du jeu rapide.

• versionName: le nom de la version du jeu rapide, qui nécessite +1 lors de la mise à niveau, par exemple 2.0.0.

• versionCode: Le numéro de version du jeu rapide, qui nécessite +1 lors de la mise à niveau, par exemple 2.

• icon: L'icône du logo du jeu Kuai, utilisée lors de la création de l'icône du bureau, logo.png doit être remplacée par l'icône du jeu H5.

• minPlatformVersion: numéro de version minimale de la plate-forme prise en charge. Le principe est le même que pour le niveau d'API Android. Afin d'éviter l'incompatibilité causée par la version basse après la mise en ligne, il est recommandé de définir la version la plus élevée, telle que 1070.

{
    "package": "com.huawei.quickgamedemo",
    "name": "QuickGameDemo",
    "versionName": "1.0.0",
    "versionCode": 1,
    "icon": "/Common/logo.png",
    "minPlatformVersion": 1070,
    "features": [
        {
            "name": "system.prompt"
        },
        {
            "name": "service.pay"
        },
        {
            "name": "service.account"
        }
    ],
    "permissions": [
        {
            "origin": "*"
        }
    ],
    "config": {},
    "router": {
        "entry": "Hello",
        "pages": {
            "Hello": {
                "component": "hello"
            }
        }
    },
    "display": {
        "titleBar": false,
        "fullScreen": true
    }
}

5. Modifiez le fichier .ux qui charge le jeu H5. Le projet de projet prend le fichier hello.ux comme exemple.

• src: Configurez l'url du jeu H5.

• fullscreendirection: définissez la direction du jeu. paysage: écran horizontal, portrait: écran vertical.

• jumppolicy: La stratégie du saut de lien dans le jeu. S'il y a des publicités dans le jeu, il est recommandé de le définir sur navigateur et de définir multiwindow sur true.

• allowthirdpartycookies: identifie s'il faut prendre en charge la livraison de cookies inter-domaines, la valeur par défaut est false. Si la page Web doit accéder aux cookies dans tous les domaines, comme la connexion avec un compte tiers, vous devez définir ce champ sur true.

• trusturl: Si la page de connexion au jeu a été chargée avec succès et que la page d'ouverture du jeu est différente, veuillez la définir.

6. Sélectionnez "Outils> Générer un certificat" dans le menu pour vérifier si un certificat officiel a été généré. S'il n'a pas été généré, cliquez sur "Créer" pour générer le certificat, qui est enregistré dans le répertoire sign> release. Assurez-vous de conserver le certificat, une fois qu'il est perdu, il ne peut pas être récupéré.

7. Sélectionnez "Build> Package Official Version" dans le menu pour empaqueter le paquet rpk officiel du jeu rapide. Le paquet rpk généré est stocké dans le répertoire dist du projet de projet.

Remarque: le jeu rapide soumis au marché des applications doit être un package officiel présenté de cette manière.

Enfin, la structure des répertoires de l'ensemble du projet de jeu rapide est la suivante:

À ce stade, vous avez réussi à intégrer le jeu H5 dans un jeu rapide. Si vous souhaitez intégrer plus de fonctions dans le jeu rapide et tester et exécuter votre jeu rapide, veuillez vous référer à la documentation officielle de développement d'un jeu rapide (version H5).

---

Lien d'origine:
https://developer.huawei.com/consumer/cn/forum/topic/0204394501350300016?fid=18
Auteur: Drum Chao