如何获取小程序的页面路径放在公众号的菜单栏中？

我们可以这么将小程序的页面路径放在公众号的菜单栏中，具体步骤如下：

1.登录公众号后台，点击【小程序】-【小程序管理】，看下是否已经关联了想要获取页面路径的小程序，如未关联，点击【添加】按钮，选择【关联小程序】，进行关联。

2.点击左侧的【管理】-【素材管理】-【新建图文素材】。

3.在微信文章编辑页面中，点击【小程序】按钮。

4.在d出的窗口中，选择对应的小程序，这里我选择的是示范案例“建程序”，然后点击【下一步】。

5.在d出的窗口中，点击【获取更多页面路袜樱径】，然后右侧d出的窗口中，输入管理员的微信号（切记一定是微信号，微信绑定的QQ和手机号都不行），然后点击【开启】，开启成功后，会有d出提示成功的标识。

6.这时候拿出手机，用刚刚输入的微信号进行访问小程序，这里我用的是“king2222222222222222”的微信，访此顷问示范案例“建程序”，然后进入想要获取的页面中，点击顶部的【···】，然后选择【复制本页面路径】。

7.复制成功后，将路径发送到电脑上，此时我获取到的页面路径是【pages/market/pages/card/myCard/myCard.html】。重点来了，获取到的小程序路径中，一定要去掉【.html】，不仅限于结尾，可能中间也会有【.html】，记住一定要去掉就OK啦。

8.此时，告扒丛我们将正确的页面路径填写在公众号的菜单栏处，就好了。

打开开发者工具，在项目的pages文件夹下新建mypage文件夹，并在文件夹内新建mypage，在app.json中将mypage设为第一页面

请点击输入图片描述

在mypage.wxml中写代码如下：

<text>pages/mypage/mypage.wxml</text>

<button open-type='share'>分享</button>

请点击输入图片描述

做完第二步就已经实现了转发，默认title为当前小程序名称，path为当前页面的路径，imageUrl为当前页面的截图，如下图所示

请点击输入图片描述

4

为了实现更好的展示，可以再mypage.js中分享函数设置title及path，代码如下：

onShareAppMessage: function (res) {

if (res.from === 'button') {

}

return {

title: "真好",

path: 'pages/mypage/mypage'

}

}

请点击输入图片描述

5

编译代码，点击分享按钮，查看效宏念凯果如下图所示，有了设高塌置的title

6

如果传递的路径带参数需要在path中添加

*/

onShareAppMessage: function (res) {

if (res.from === 'button') {

}

return {

title: "真好",

path: 'pages/mypage/mypage?var='+data

}

}

7

当然要在接收的页面onload函数的options中获取参数

onLoad: function (options) {

options.data

},

END

经验内容仅供参考，如果您需解决具体问题(尤其法律、医学等领域)，建议您详细咨询相关领域专业人士。

作者声明：蔽唤本篇经验系本人依照真实经历原创，未经许可，谢绝转载。

---