在uni-app中开发应用相机功能，你可以使用uni-app提供的uni.chooseImage或uni.createCameraContext接口来实现。以下是一个使用uni.createCameraContext实现相机功能的简单示例代码，涵盖了打开相机、拍照和显示图片的基本流程。

1. 在页面中添加相机视图

首先，在你的页面的.vue文件中添加一个<camera>组件，用于显示相机视图。

<template>
  <view class="container">
    <camera device-position="back" flash="off" @error="error"></camera>
    <button @click="takePhoto">拍照</button>
    <view v-if="tempFilePath">
      <image :src="tempFilePath" mode="widthFix"></image>
    </view>
  </view>
</template>

2. 在页面的<script>部分实现拍照逻辑

接下来，在页面的<script>部分，使用uni.createCameraContext来创建相机上下文，并实现拍照功能。

<script>
export default {
  data() {
    return {
      tempFilePath: '' // 用于存储拍照后的图片路径
    };
  },
  methods: {
    takePhoto() {
      const ctx = uni.createCameraContext();
      ctx.takePhoto({
        quality: 'high',
        success: (res) => {
          this.tempFilePath = res.tempImagePath;
        },
        fail: (err) => {
          console.error('拍照失败：', err);
        }
      });
    },
    error(e) {
      console.error('相机出错：', e.detail);
    }
  }
};
</script>

3. 在页面的<style>部分添加样式

最后，在页面的<style>部分添加一些基本样式，以确保相机视图和按钮正常显示。

<style>
.container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100vh;
}

camera {
  width: 100%;
  height: 80%;
}

button {
  margin-top: 20px;
  padding: 10px 20px;
  background-color: #1aad19;
  color: white;
  border: none;
  border-radius: 5px;
}

image {
  width: 100%;
  margin-top: 20px;
}
</style>

总结

以上代码展示了如何在uni-app中使用<camera>组件和uni.createCameraContext接口来实现基本的相机功能。你可以根据实际需求进一步扩展和优化，比如添加前置摄像头切换、闪光灯控制等功能。注意，在实际开发中，还需处理各种异常情况，确保用户体验。