要件: アプレット環境に応じて、コントロール ページの機能ボタンの表示と非表示を制御します。
以下は、公式ドキュメントと関数実装の関連コードです。
上記のニーズを達成するには、uni.getAccountInfoSync() が使用されます。
uni.getAccountInfoSync() は Uniapp が提供する同期メソッドで、アプレットのアカウント情報を取得するために使用されます。アプレットの AppId、アプレットのタイプ、アプレットのバージョン番号など、現在のアプレットの基本情報を取得できます。
公式ドキュメントリンクhttps://uniapp.dcloud.net.cn/api/other/getAccountInfoSync.html#getaccountinfosync
const accountInfo = uni.getAccountInfoSync();
console.log(accountInfo.miniProgram.appId); // 小程序 appId
console.log(accountInfo.plugin.appId); // 插件 appId
console.log(accountInfo.plugin.version); // 插件版本号, 'a.b.c' 这样的形式
プロジェクトでの使用例:
v-ifコントロールボタンや特定の機能モジュールの表示・非表示により、注意隐藏和显示后的页面样式
<view class="nav-item" @click="modifyPassWord" v-if="vertifyIsShow">
<image src="../../static/home/modifyPassWord.png" class="nav-img"></image>
<text class="nav-text">重置密码</text>
</view>
ページの onLoad() または created() メソッドで、uni.getAccountInfoSync() API を使用して現在のミニ プログラム環境のバージョンを取得します。
created() {
this.vertifyIsShow = false; // 初始化控制按钮隐藏
const envVersion = uni.getAccountInfoSync().miniProgram.envVersion;
if (envVersion === 'develop') {
// 开发版环境
this.vertifyIsShow = true
} else if (envVersion === 'trial') {
// 体验版环境
this.vertifyIsShow = true
} else if (envVersion === 'release') {
// 正式版环境
this.vertifyIsShow = false
} else {
// 无法确定环境
this.vertifyIsShow = false
}
},