<think>我们已经在之前的讨论中详细介绍了H5+
App中使用IO模块保存文件的方法。现在，用户要求提供一个完整的实现代码，包括点击按钮生成JSON或TXT文件并保存到Android手机本地。根据用户需求，我们将创建一个简单的HTML页面，其中包含一个按钮，点击该按钮将触发保存文件的操作。我们将使用之前封装的`saveLocalFile`函数，并针对用户的具体需求进行调整。注意：用户提到了华为应用市场被拒的
问题，涉及权限申请。因此，我们在代码中会注意权限请求的时机，并按照华为的要求在manifest.json中配置权限申请提示。完整代码实现如下：1. HTML部分：创建一个按钮2. JavaScript部分：-封装保存文件的函数-按钮点击事件绑定-处理权限
问题（H5+引擎在Android6以上需要动态申请权限，但IO模块在PUBLIC_DOCUMENTS目录下操作时，H5+框架会自动处理权限，但为了符合华为的要求，我们需要在manifest.json中配置权限申请描述）由于H5+的IO模块在写入文件时，如果应用没有存储权限，会触发系统的权限申请对话框。但是，根据引用[1]的内容，华为应用市场要求应用在拒绝权限后不能
闪退，并且需要提供清晰的权限申请说明。因此，我们在manifest.json中需要配置`permissionExternalStorage`，并设置合理的提示语。我们先给出前端页面和JS代码，然后给出manifest.json中关于权限的配置部分。前端代码（index.html）:</think>### H5+
App 使用 IO 模块在 Android 设备上保存文件的完整实现
以下是完整的实现代码，包含按钮点击事件、文件生成、权限处理和错误处理：
#### HTML 部分 (index.html)
```html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1.0">
<title>文件生成示例</title>
<script src="js/mui.min.js"></script>
<style>
.container {
padding: 20px;
text-align: center;
}
button {
padding: 15px 30px;
font-size: 18px;
margin: 20px;
background-color: #4CAF50;
color: white;
border: none;
border-radius: 5px;
}
#status {
margin-top: 20px;
color: #666;
}
</style>
</head>
<body>
<div class="container">
<h1>文件生成示例</h1>
<button id="generateJson">生成JSON文件</button>
<button id="generateTxt">生成TXT文件</button>
<div id="status">准备就绪</div>
</div>
<script>
// 等待plus初始化完成
document.addEventListener('plusready', function() {
// 绑定按钮事件
document.getElementById('generateJson').addEventListener('click', function() {
generateFile('data.json', JSON.stringify({
timestamp: new Date().toISOString(),
device: plus.device.model,
os: plus.os.name,
data: { value: Math.random() * 100 }
}), 'JSON');
});
document.getElementById('generateTxt').addEventListener('click', function() {
generateFile('
log.txt', `
日志记录\n时间: ${new Date().toLocaleString()}\n设备: ${plus.device.model}\n随机值: ${Math.random()}\n`, 'TXT');
});
});
</script>
</body>
</html>
```
#### JavaScript 核心功能 (js/file-util.js)
```javascript
// 文件保存功能
function generateFile(fileName, content, fileType) {
updateStatus(`正在生成${fileType}文件...`);
// 获取文件系统
plus.io.requestFileSystem(plus.io.PRIVATE_DOCUMENTS, function(fs) {
// 创建/获取文件
fs.root.getFile(fileName, { create: true }, function(fileEntry) {
// 创建写入器
fileEntry.createWriter(function(writer) {
writer.onwrite = function() {
// 获取文件路径
const filePath = plus.io.convertLocalFileSystemURL(fileEntry.toURL());
updateStatus(`${fileType}文件已保存!\n路径: ${filePath}`);
};
writer.onerror = function(e) {
updateStatus(`写入失败: ${e.message}`, true);
};
// 写入内容
writer.seek(0);
writer.truncate(0); //
清空文件
writer.write(content);
}, function(e) {
updateStatus(`创建写入器失败: ${e.message}`, true);
});
}, function(e) {
updateStatus(`创建文件失败: ${e.message}`, true);
});
}, function(e) {
// 处理权限
问题
if (e.code === 12) { // 权限拒绝错误码
updateStatus("需要存储权限才能保存文件", true);
requestStoragePermission();
} else {
updateStatus(`文件系统错误: ${e.message}`, true);
}
});
}
// 更新状态显示
function updateStatus(message, isError = false) {
const statusEl = document.getElementById('status');
statusEl.textContent = message;
statusEl.style.color = isError ? 'red' : '#666';
}
// 请求存储权限
function requestStoragePermission() {
plus.android.requestPermissions(['android.permission.WRITE_EXTERNAL_STORAGE'],
function(e) {
if (e.deniedAlways.length > 0) {
updateStatus("您已永久拒绝存储权限，请在设置中启用", true);
} else if (e.denied.length > 0) {
updateStatus("存储权限被拒绝，无法保存文件", true);
} else {
updateStatus("存储权限已授予，请重试操作");
}
},
function(e) {
updateStatus("权限请求失败: " + e.message, true);
}
);
}
```
#### manifest.json 权限配置
```json
{
"name": "FileDemo",
"id": "com.example.filedemo",
"version": "1.0.0",
"permissions": {
"File": {
"description": "文件存储权限"
}
},
"distribute": {
"android": {
"permissions": [
"<uses-permission android:name=\"android.permission.WRITE_EXTERNAL_STORAGE\"/>"
],
"permissionExternalStorage": {
"request": "once",
"prompt": "应用需要存储权限来保存生成的文件到您的设备"
}
}
}
}
```
### 关键功能说明
1. **文件生成流程**：
```mermaid
graph TD
A[用户点击按钮] --> B[创建文件内容]
B --> C[请求文件系统]
C --> D{权限检查}
D -->|有权限| E[创建文件]
D -->|无权限| F[请求权限]
E --> G[写入内容]
G --> H[显示保存路径]
```
2. **存储位置**：
- `PRIVATE_DOCUMENTS`：应用私有目录（推荐）
- `PUBLIC_DOCUMENTS`：公共文档目录（需要额外权限）
3. **权限处理**：
- 自动检测权限状态
- 友好的权限请求提示
- 处理用户拒绝权限的场景
4. **文件路径获取**：
```javascript
// 转换文件路径为系统路径
const filePath = plus.io.convertLocalFileSystemURL(fileEntry.toURL());
// 输出示例: /storage/emulated/0/Android/data/com.example.filedemo/files/data.json
```
### 注意事项
1. **Android 11+ 适配**：
```json
// 在manifest.json中添加
"distribute": {
"android": {
"targetSdkVersion": 30,
"android:requestLegacyExternalStorage": true
}
}
```
2. **错误处理**：
- 文件系统错误
- 权限拒绝
- 写入失败
- 设备存储空间不足
3. **文件内容优化**：
- JSON 文件使用 `JSON.stringify(data, null, 2)` 可生成格式化内容
- 大型文件使用分块写入
4. **华为应用市场要求**：
- 在权限请求中提供明确说明
- 处理权限拒绝后不
闪退
- 隐私政策中说明文件存储用途
[^1]: 华为应用市场上架权限配置要求
本文介绍了一种解决华为Mate10手机在使用Androidstudio3.0开发APP过程中遇到的闪退问题，并详细说明如何通过调整设置来获取闪退时的日志信息。
扫一扫
736
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
