小剧场短剧源码uniapp+H5+小程序搭建

要使用uniapp搭建一个能够同时运行在H5和小程序的应用，你需要遵循以下步骤：

1. 安装并配置uniapp环境。
2. 使用uniapp创建项目。
3. 编写源码，确保代码兼容H5和小程序。
4. 使用uniapp提供的条件编译特性，针对不同平台写入平台特有代码。
5. 构建并运行项目。

以下是一个简单的示例，展示如何编写一个条件编译的函数，该函数在H5中使用alert弹出消息，在小程序中使用uni.showToast显示提示：

// 条件编译
// #ifdef H5
import { alert } from '@/common/util/util.js'
// #endif
 
// #ifdef MP-WEIXIN
import { showToast } from 'uni-platform'
// #endif
 
export function showMessage(message) {
  // #ifdef H5
  alert({
    title: '提示',
    content: message
  })
  // #endif
 
  // #ifdef MP-WEIXIN
  showToast({
    title: message,
    icon: 'none'
  })
  // #endif
}

在上述代码中，// #ifdef H5 和 // #ifdef MP-WEIXIN 是条件编译的标记，表示在不同平台使用不同的代码。showMessage 函数根据平台调用不同的方法来显示消息。

注意：实际开发中，你可能需要处理更多平台的兼容性问题，比如微信小程序、支付宝小程序等，这时你需要使用更多的条件编译标记，并导入相应的API。

最后，在你的页面或组件中调用showMessage函数，就可以在不同平台显示消息了。

请确保你已经安装了uniapp，并且配置了相关的开发环境。你可以参考uniapp的官方文档来获取更详细的指导。