给大家分享一个非常简单的网站适配小程序的方法,适合几乎所有小程序平台,只要你的网站满足https、已备案、H5响应式、有文件上传权限就可以适配,不管是微信小程序还是百度小程序,或者是其它小程序都可以尝试。
目录
Toggle【悦然企业网站建设】之前搭建了一个工具箱网站,然后直接把这个网站封装成了微信小程序,方法很简单,而且该方法同样适用于百度小程序制作或其它平台的小程序制作。所以我把方法给大家简单分享一下,提供一个简易教程。
只要你的网站满足https、已备案、H5响应式、有根目录文件上传权限就可以适配,不管是微信小程序还是百度小程序,或者是其它小程序都可以尝试。
教程如下:
我们需要先到微信公众平台新建一个微信小程序,如果你有已经认证好的公众号,可以直接从公众号新建小程序,小程序可以直接利用公众证的认证资质,就不用花钱认证了。
然后你还需要下载安装微信开发工具
另外你还需要做好H5建站,如果已有H5站点可以直接开始下面的操作。
微信小程序注册成功,并且信息都填写完整后就可以开始适配小程序了。首先下载安装微信开发工具,然后登陆,新建一个空项目,填写appid,如上图所示。
开发工具下载安装。
https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html
新建小程序项目后工具会自动生成一些文件,我们依次打开pages-index-index.wxml,然后清空里面的内容,输入如下代码:
<web-view src=”https://你的网址”></web-view>
记得保存。
接下来我们完善一下小程序的分享功能,在pages-index-index.js文件中添加如下代码。
Page({
onShareAppMessage: function (res) {
if (res.from === 'button') {
// 来自页面内转发按钮
console.log(res.target)
}
return {
title: '这里填写自定议分享标题',
path: '/page/user?id=123'
}
}
})
如上图所示,分享标题可以根据你的小程序内容来填写,填写完成后保存。
登陆微信小程序后台,在【开发】-【开发管理】中找到【服务器域名】,然后填写你的需要适配的H5站点即可。
然后继续填写业务域名。需要注意的是业务域名必须要备案,而且要在服务器根目录上传校验文件,这一步很关键,有很多saas建站系统做的网站可能没有这个权限。
以上步骤都做好后在开发工具里面可以直接预览小程序的效果,如上图所示,确定无误之后直接发布即可。发布之后需要到登陆小程序后台去提交审核,审核通过之后即可上线。
我们之前上线了一个百度站点LOGO权限开通服务,该服务主要是给网站适配百度小程序。但是有些客户的网站因为使用的网站程序比较偏门,不太好找到对应的百度小程序源码。如果你的网站也存在这种情况,那么不妨试试【悦然企业网站建设】分享的这个方法,这个方法不仅适用于微信小程序,百度小程序制作也同样适用。
PS:微信小程序的审核比较灵活,也比较容易,但是百度小程序的审核可能会比较严格,如果你的网站内容有很多二维码,或其它联系方式,那么最好暂时删除然后才好过审。另外H5站点直接适配的百度小程序可能在替换H5资源和提交适配规则时会有一些麻烦,一般是无法成功的,百度小程序官方客服直接表示不建议使用这种小程序封装方式。
© Copyright 2024. 悦然网络工作室/悦然wordpress建站 专注中小企业wordpress建站 All Rights Reserved.网站地图
本站图片来源为Pexels、Pixabay、Freepik、Unsplash等图片库的免费许可,CC0协议;还有部分为自己手绘,版权碰瓷请自重!法律服务:law@yueranseo.com 蜀ICP备20016391号-1 川公网安备 51011502000367号