Comment ouvrir la page système dans uniAPP

Dans le développement d'uniAPP, il est souvent nécessaire d'implémenter la fonction d'ouverture de la page système. Par exemple, appelez l'appareil photo, l'album photo, la carte, le navigateur, etc. Cet article présentera comment uniAPP ouvre la page système.

1. Ouvrez la caméra

Dans uniAPP, si vous souhaitez ouvrir la caméra, vous pouvez utiliser le plug-in "uni-app_camera" fourni par uni-app.

1. Installez le plug-in
Dans HBuilderX, faites un clic droit sur le fichier du projet, sélectionnez "Plug-in Market", recherchez le plug-in "uni-app_camera" et installez-le.

2. Ajoutez le plug-in au projet
Recherchez manifest.json dans le dossier du projet et ajoutez le code suivant dans le nœud "app-plus" :

"camera": {

"description": "相机",
"interfaces": [{
    "id": "takePhoto",
    "async": true
}]

}

3 . Ouvrez la page de la caméra
Dans la page où vous devez appeler la caméra, introduisez le plug-in, puis appelez l'API d'uni :

importez la caméra depuis '@/js_sdk/uni-app_camera/js_sdk/uni-app_camera.js. '
onChooseImage() {

camera.takePhoto({
    quality: 'high',
    success: (res) => {
        console.log('拍照成功', res)
    },
    fail: (err) => {
        console.log('拍照失败', err)
    }
});

}

2. Ouvrez l'album photo

Vous pouvez utiliser le plug-in "uni-app_gallery" fourni par uni-app pour réaliser la fonction d'ouverture de l'album photo dans uniAPP.

1. Installez le plug-in
Dans HBuilderX, faites un clic droit sur le fichier du projet, sélectionnez "Plug-in Market", recherchez le plug-in "uni-app_gallery" et installez-le.

2. Ajoutez le plug-in au projet
Recherchez manifest.json dans le dossier du projet et ajoutez le code suivant dans le nœud "app-plus" :

"gallery": {

"description": "相册",
"interfaces": [{
    "id": "chooseImage",
    "async": true
}]

}

3 . Ouvrez la page de l'album photo
Dans la page qui doit appeler l'album photo, introduisez le plug-in, puis appelez l'API d'uni :

importez la galerie depuis '@/js_sdk/uni-app_gallery/js_sdk/uni-app_gallery. js'
onChooseImage() {

gallery.chooseImage({
    count: 1,
    sizeType: ['original', 'compressed'],
    sourceType: ['album'],
    success: (res) => {
        console.log('选择成功', res)
    },
    fail: (err) => {
        console.log('选择失败', err)
    }
});

}

3. Ouvrez la carte

Pour ouvrir la carte dans uniAPP, vous devez utiliser l'API fournie par uni.

1. Ouvrez la carte du système
Vous pouvez utiliser la méthode uni.openLocation() pour ouvrir la carte du système :

uni.openLocation({

latitude: 0, // 纬度
longitude: 0, // 经度
name: '', // 地址名称
scale: 18 // 缩放比例

});

2. Méthode uni.navigateToMiniProgram() pour l'ouvrir Baidu Map :

appId: 'wxeb490c6f9b154ef9', // 百度地图appid
path: 'pages/index/index', // 地图页面路径
success(res) {
    console.log(res)
}

Vous pouvez utiliser la méthode uni.navigateBack() pour ouvrir des liens externes :

delta: 1,
success(res) {
    console.log(res)
},
fail(err) {
    console.log(err)
}

Vous pouvez utiliser l'uni. Méthode .navigateTo() Ouvrez la page interne H5 :

url: '/pages/webview/webview?url=' + encodeURIComponent(url),
success(res) {
    console.log(res)
},
fail(err) {
    console.log(err)
}

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!