uni-app保存数据到本地

//存

unisetStorage({

    key: 'storage_key',

    data: {

保存的内容

token:thistoken

},

    success: function () {

        // consolelog('success');

    }

});

//取

unigetStorage({

    key: 'storage_key',

    success: function (res) {

取的内容

        consolelog(resdata);

    }

});

使用别的开发工具或者源码模式底下，直接在manifestjson文件中找到mp-weixin的配置项，在permission底下加上scopeuserLocation位置接口权限，如下：

"mp-weixin" : {

"appid" : "",

"setting" : {

"urlCheck" : false,

"es6" : false,

"postcss" : false,

"minified" : true

},

"usingComponents" : true,

"permission" : { // 在这里加权限

"scopeuserLocation" : {

"desc" : "XXX" // 必填

}

}

},

在编译成微信小程序以后，可以看到小程序项目底下的appjson文件中的permission底下有了位置接口权限：

"permission": {

"scopeuserLocation": {

"desc": "XXX"

}

},

然后安卓真机便可以使用chooseLocation方法获取位置信息了。

1 安装vue-resource, 因为h5请求会跨域,我们需要安装这个插件

2 mainjs文件中引入vue-resource并通过命令Vueuser()使用该插件

3 创建一个文件,开始写功能,我是创建了一个工具文件夹utils放在indedxjs文件夹下

4 页面调用,在需要使用的页面引入并调用该函数即可如:homevue页面

题外话,如果仅需要经纬度,可以直接使用unigetLocation获取到

在uniapp中使用地图控件需要先获取开发者密钥（key），然后将key配置到uniapp的相关文件中，以便应用程序可以正确调用地图API。以下是配置地图key的步骤：

1 获取开发者密钥。在地图服务提供商（如高德地图、百度地图等）的官网上注册开发者账号，并获取自己的开发者密钥。

2 在uniapp的根目录下，新建一个名为"manifestjson"的文件（如果已存在则无需新建），并在其中添加以下代码：

```json

{

"mp-weixin": {

"permission": {

"scopeuserLocation": {

"desc": "你的位置信息将用于展示附近位置和精准定位"

}

},

"appid": "你的微信小程序appid",

"apiKey": "你的地图key",

"enableDebug": true

}

}

```

其中，"apiKey"字段就是你获取的地图开发者密钥。

3 在需要使用地图控件的页面中，在<template>标签中添加地图控件代码，比如：

```html

<template>

<view>

<map :longitude="116397428" :latitude="3990923" :markers="markers" style="width: 100%; height: 400px;" />

</view>

</template>

```

其中，:longitude和:latitude是地图的中心点坐标，:markers是地图标记点的数据。

4 在需要使用地图控件的页面的<config>标签中，添加以下代码：

```json

{

"usingComponents": {

"map": "/static/vant-weapp/map/map"

}

}

```

其中，"/static/vant-weapp/map/map"是地图组件所在的路径，你需要根据你的项目实际情况来设置。

设置完毕后，保存修改，重新编译运行uniapp应用程序，即可在应用程序中使用地图控件了。

使用uniapp开发微信小程序，在使用 unichooseLocation 方法获取位置信息时，IOS系统真机下可以正常获取位置信息，但是使用安卓真机时获取位置信息方法失效，并且也不报错没有任何反应，解决办法如下：

在编译成微信小程序以后，可以看到小程序项目底下的 appjson 文件中的 permission 底下有了位置接口权限：

然后安卓真机便可以使用 chooseLocation 方法获取位置信息了。

打开 Xcode，创建一个新的Framework工程，然后点击 Next

输入插件工程名称（建议使用一个性化的前缀，避免与其他人的插件包名冲突），其他项不需要修改保持工程默认填充的即可，然后点击Next

然后选中工程名，在TARGETS->Build Settings中，将 Mach-O Type 设置为 Static Library 如下图所示

打开 iOSSDK/HBuilder-uniPluginDemo工程目录，双击目录中的HBuilder-uniPluginxcodeproj 文件运行插件开发主工程

在 Xcode 项目左侧目录选中主工程名，然后点击右键选择Add Files to “HBuilder-uniPlugin”

然后选择您刚刚创建的插件工程路径中，选中插件工程文件，勾选 Create folder references 和 Add to targets 两项，然后点击Add

然后在 Xcode 项目左侧目录选中主工程名，在TARGETS->Build Phases->Dependencies中点击+

在d窗中选中插件工程，如图所示，然后点击Add，将插件工程添加到Dependencies中

此时可以看到 Dependencies 和 Link Binary With Libraries 都添加了插件工程，如下图所示

扩展原生功能有两种方式：

module：不需要参与页面布局，只需要通过 API 调用原生功能，比如：获取当前定位信息、数据请求等功能，通过扩展module的方式来实现；

component：需要参与页面布局，比如：map、image等需要显示UI的功能，通过扩展component即组件的方法来实现；

新建TestModule类，继承 DCUniModule，引入 DCUniModuleh 头文件。

然后在 TestModulem 文件中添加实现方法

选中工程中的HBuilder-uniPlugin-Infoplist文件右键->Open As->Source Code找到dcloud_uniplugins节点，copy下面的内容添加到dcloud_uniplugins节点下，按插件的实际信息填写对应的项

在 uni-app 项目中调用 module 方法

生成 uni-app 本地打包资源

首先需要生成本地打包资源，在 HBuilderX 中选您的 uni-app 工程，右键->发现->原生App-本地打→生成本地打包App资源

项目编译完成后会在 HBuilderX 控制台输出资源存路径，点击路径会自动打开资源所在文件夹

接下来，将应用资源导入到插件开发主工程的 HBuilder-Hello/Pandora/apps/ 中，如下图所示，直接拖进去即可

如下图所示，将编译工程选择为插件项目（DCTestUniPlugin），运行设备选择 Generic iOS Device

新建一个 packagejson 文件，根据插件实际情况填写插件配置信息

然后以插件id为名新建一个文件夹，将编辑好的 packagejson 放进去，然后在文件夹中在新建一个 ios （小写）文件夹，将刚刚生成的依赖库（DCTestUniPluginframework）copy 到 ios 根目录，这样我们的插件包就构建完成了，如下图所示

HBuilderX 的 uni-app 项目创建中“nativeplugins”目录（如不存在则创建）将插件配置到uni-app项目下的“nativeplugins”目录

uni-app原生插件本地配置

将原生插件配置到uni-app项目的“nativeplugins”下，还需要在manifestjson文件的“App原生插件配置”项下点击“选择本地插件”，在列表中选择需要打包生效的插件：

1新建一个目录utils,然后该目录下新建一个requestjs文件，进行封装。

2在utils文件夹下一起建一个authjs文件用来获取token

3建一个api的目录，然后相应pages是什么页面就建一个对应名字的目录和文件，listjs文件就是我们请求接口

4然后在页面上listvue上调用接口。

以上就是关于uni-app保存数据到本地全部的内容，包括:uni-app保存数据到本地、uniapp安卓编译路径失效、uniapp h5、app获取经纬度、地址等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！