ホームページ ウェブフロントエンド uni-app uni-app オフライン パッケージング チュートリアル

uni-app オフライン パッケージング チュートリアル

Jul 18, 2022 am 09:03 AM
uni-app


#1. リソースの準備

  1. SDK のダウンロード

    ウェブサイト: https://nativesupport.dcloud.net.cn/AppDocs/download/android

  2. Android Studio をダウンロード

    ウェブサイト: https:// Nativesupport.dcloud.net.cn/UniMPDocs/SDKDownload/android

  3. Appkey application

  4. ## バージョン 3.1.10 以降では、 Appkey

チュートリアル: https://nativesupport.dcloud.net.cn/AppDocs/usesdk/appkey

Web サイト: https://dev.dcloud.net.cn/app/index

cmd コマンド

# 証明書の生成:

keytool -genkey -alias citysmart -keyalg RSA -keysize 2048 -validity 36500 -keystore citysmart.keystore
或者
keytool -genkey -alias citysmart -keystore citysmart.keystore
ログイン後にコピー

証明書をクエリします。下の図を参照してください。

keytool -list -v -keystore citysmart.keystore
ログイン後にコピー

uni-app オフライン パッケージング チュートリアル

## 2. ローカル リソースをパックします。

ユニアプリ プロジェクトのローカル リソースをパックし、リリース---ネイティブ アプリのローカル パッケージ化---ローカル パッケージ化されたものを生成します。プロジェクト ディレクトリにあるアプリ リソース 以下の図に示すように、「unpackage」ディレクトリを生成します。

uni-app オフライン パッケージング チュートリアル

3. SDK プロジェクトをインポートします

#下の図に示すように、ネイティブ アプリ プロジェクトが含まれる対応するバージョンの SDK を解凍してダウンロードします。
  1. #HBuilder-SDK への統合 -AS\simpleDemo\src\main\assets\apps__UNI__A のフォルダーは uni-app unpackage----resources---- -UNI でパッケージ化されています-*** フォルダーを置き換えます

    uni-app オフライン パッケージング チュートリアル

    Android Studio を使用して HBuilder-Integrate-AS プロジェクトを開きます
  2. 4 AS プロジェクト構成ファイルを変更します

app 下の build.gradle ファイルを変更します##

signingConfigs {
    config {
        keyAlias 'citysmart'
        keyPassword '111111'
        storeFile file('citysmart.keystore')
        storePassword '111111'
        v1SigningEnabled true
        v2SigningEnabled true
    }
}
//keyAlias:生成证书时的别名;storeFile file:证书名全程,建议放在app项目下
applicationId "com.zhlj.citysmart"
//applicationId:个人中心填写的包名
ログイン後にコピー
2. 変更しますAndroidManifest.xml ファイル ##
<meta-data
    android:name="dcloud_appkey"
    android:value="8285e65623ea464774523522d957e6bb" />
//value:个人中心生成的Appkey值
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
    package="com.zhlj.citysmart">
//package:包名为个人中心填写的包名称
ログイン後にコピー

3. control.xml ファイルを変更します
    //main\assets\data\dcloud_control.xml文件中
    <hbuilder>
    <apps>
        <app appid="__UNI__6FE3F0B" appver=""/>
    </apps>
    </hbuilder>
    //appid:HBuilder中的appid
    ログイン後にコピー

  1. 4. アプリ名とアイコンを自分で設定します

  2. 5 AS パッケージング

    Android Studio のメニュー バーにある [Build----Generate Signed Bundle/APK] をクリックします (下の図を参照)。 、APK を選択し、次へ

    2. 生成された .keystore 証明書、パスワード、エイリアスを入力します。次に、下の図を参照してください
    1. ## 3. デバッグ バージョンまたはリリース バージョンを選択し、パッケージ化を完了します。以下の図を参照してください。

    uni-app オフライン パッケージング チュートリアル## 4. リリース インストール パッケージのストレージ パス

    パッケージ化された APK は、下の図に示すように、APP の下のリリース フォルダーに保存されます。

    uni-app オフライン パッケージング チュートリアル

    以上がuni-app オフライン パッケージング チュートリアルの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

ホットAIツール

Undresser.AI Undress

Undresser.AI Undress

リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover

AI Clothes Remover

写真から衣服を削除するオンライン AI ツール。

Undress AI Tool

Undress AI Tool

脱衣画像を無料で

Clothoff.io

Clothoff.io

AI衣類リムーバー

AI Hentai Generator

AI Hentai Generator

AIヘンタイを無料で生成します。

ホットツール

メモ帳++7.3.1

メモ帳++7.3.1

使いやすく無料のコードエディター

SublimeText3 中国語版

SublimeText3 中国語版

中国語版、とても使いやすい

ゼンドスタジオ 13.0.1

ゼンドスタジオ 13.0.1

強力な PHP 統合開発環境

ドリームウィーバー CS6

ドリームウィーバー CS6

ビジュアル Web 開発ツール

SublimeText3 Mac版

SublimeText3 Mac版

神レベルのコード編集ソフト(SublimeText3)

VSCode でユニアプリを開発するにはどうすればよいですか? (チュートリアルの共有) VSCode でユニアプリを開発するにはどうすればよいですか? (チュートリアルの共有) May 13, 2022 pm 08:11 PM

VSCode でユニアプリを開発するにはどうすればよいですか?次の記事では、VSCode でのユニアプリ開発に関するチュートリアルを紹介します。これは、おそらく最も詳細なチュートリアルです。ぜひ見に来てください!

uniapp を使用してシンプルなマップ ナビゲーションを開発する uniapp を使用してシンプルなマップ ナビゲーションを開発する Jun 09, 2022 pm 07:46 PM

uniapp を使用してシンプルなマップ ナビゲーションを開発するにはどうすればよいですか?この記事では簡単な地図の作り方を紹介しますので、ぜひ参考にしてください。

uniapp を使用してスネーク ゲームを開発する方法について話しましょう。 uniapp を使用してスネーク ゲームを開発する方法について話しましょう。 May 20, 2022 pm 07:56 PM

uniapp を使用してスネーク ゲームを開発するにはどうすればよいですか?次の記事では、Uniapp に Snake ゲームを実装する手順を段階的に説明します。お役に立てば幸いです。

uni-app vue3 インターフェイスリクエストをカプセル化する方法 uni-app vue3 インターフェイスリクエストをカプセル化する方法 May 11, 2023 pm 07:28 PM

uni-app インターフェイス、グローバル メソッドのカプセル化 1. ルート ディレクトリに API ファイルを作成し、API フォルダーに api.js、baseUrl.js、および http.js ファイルを作成します。 2.baseUrl.js ファイル コード exportdefault"https://XXXX .test03.qcw800.com/api/"3.http.js ファイル コードexportfunctionhttps(opts,data){lethttpDefaultOpts={url:opts.url,data:data,method:opts.method

ユニアプリ カレンダー プラグインを開発 (および公開) する手順を段階的に説明します。 ユニアプリ カレンダー プラグインを開発 (および公開) する手順を段階的に説明します。 Jun 30, 2022 pm 08:13 PM

この記事では、ユニアプリ カレンダー プラグインの開発をステップごとに説明し、次期カレンダー プラグインの開発からリリースまでの手順を紹介します。

uniapp が複数選択ボックスの全選択機能を実装する方法を説明する例 uniapp が複数選択ボックスの全選択機能を実装する方法を説明する例 Jun 22, 2022 am 11:57 AM

この記事では、uniapp に関する関連知識を提供します。主に、複数選択ボックスの全選択機能の実装に関する問題を整理します。全選択機能が実装できない理由は、チェックボックスのチェックされたフィールドがオンになっている場合です。動的に変更されると、インターフェイス上のステータスはリアルタイムに変更されますが、checkbox-group の変更イベントはトリガーされません。

uniapp のスクロールビュー ドロップダウンの読み込みについて話しましょう uniapp のスクロールビュー ドロップダウンの読み込みについて話しましょう Jul 14, 2022 pm 09:07 PM

uniapp はスクロールビューのドロップダウン読み込みをどのように実装しますか?次の記事では、uniapp WeChat アプレットのスクロールビューのドロップダウン読み込みについて説明しています。

uniapp が電話録音機能を実装する方法の詳細な例 (コード付き) uniapp が電話録音機能を実装する方法の詳細な例 (コード付き) Jan 05, 2023 pm 04:41 PM

この記事では、uniapp に関する関連知識を皆さんに提供します。主に uniapp を使用して電話をかける方法と同期録音する方法を紹介します。興味のある友人はぜひご覧ください。皆様のお役に立てれば幸いです。

See all articles